jquery对象访问是什么及使用方法介绍_jquery_动视

jquery对象访问是什么及使用方法介绍_jquery

2020-11-27 21:49:57 责编:小采

点击下载本文 文档为doc格式

本篇是继上篇jQuery核心函数之后介绍如何访问jQuery对象。

jquery对象访问

each(callback)

size()

length

selector

context

get()

get(index)

index([subject])

测试用例

以下是通过代码的方式测试上述jQuery对象访问，供不明白的朋友们参考：




 jquery对象访问
 




 span1
 span2
 span3
 span4
 span5

输出span1 ... span5 // alert($(this).html()); //输出结果同上只是$(this)会将元素转为jQuery对象 if($(this).html() == "span4") return false; //可以提前使用return 退出循环 }); 输出结果5 size()函数是获取jQuery集合中元素的个数输出结果5 当前匹配的元素个数.同size 返回相同的值 $("#ul1") .append("

" + $("ul").selector + "

") .append("

" + $("ul li").selector + "

") .append("

" + $("div#foo ul:not([class])").selector + "

"); $("#ul2") .append("

" + $("ul").context + "

") .append("

" + $("ul", document.body).context.nodeName + "

"); get1 get2 get3 get4 输出结果get1 将节点元素包装成jQuery对象 get1 get2 get3 get4 输出结果是get1 通过节点元素 // alert($(span1).html()); //输出结果同上将节点元素包装成jQuery对象

foo

bar

baz

运行结果

总结

本篇是介绍jQuery的对象访问模块。以前没有系统的学习jQuery，现在打算系统的学习下jQuery，顺便贴出供需要的朋友参考。如果哪里不对的地方，欢迎指正，谢谢大家的阅读！

下载本文

显示全文

全部频道