jQuery学习笔记 第二天

jQuery对象访问：
1 each(calllback) 以每一个匹配的元素作为上下文来执行一个函数。
--callback 对于每个匹配的元素所要执行的函数
eg:迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非jQuery对象。

HTML 代码:
<img/><img/>jQuery 代码:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
结果:
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
如果你想得到 jQuery对象，可以使用 $(this) 函数。
2 size()返回jQuery对象中元素的个数
eg:
计算文档中所有图片数量
HTML 代码:
<img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
$("img").size();
结果:
2
3 同size()
eg: $("img").length;
4 selector
返回传给jQuery()的原始选择器
eg：确定查询的选择器
jQuery 代码:
$("ul")
.append("<li>" + $("ul").selector + "</li>")
.append("<li>" + $("ul li").selector + "</li>")
.append("<li>" + $("div#foo ul:not([class])").selector+"</li>"); 结果:
ul
ul li
div#foo ul:not([class])

5 context
返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没指定，那么context指向当前的文档（document)。
eg:
检测使用的文档内容
jQuery 代码:
$("ul")
.append("<li>" + $("ul").context + "</li>")
.append("<li>" + $("ul", document.body).context.nodeName + "</li>");
结果:
[object HTMLDocument] //如果是IE浏览器，则返回[object]
BODY

6 get()取得所有匹配的DOM元素集合
eg：
选择文档中所有图像作为元素数组，并用数组内建的 reverse 方法将数组反向。

HTML 代码:
<img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
$("img").get().reverse();结果:
[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]

7 get(index)取得其中一个匹配的元素。index表示去得第几个匹配的元素
eg：取得第 index 个位置上的元素
HTML 代码:
<img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代码:
$("img").get(0);
结果:
[ <img src="test1.jpg"/> ]

8 index(subject)
搜索与参数表示的对象匹配的元素，并返回相应元素的索引值
--subject 要搜索的对象
eg:返回ID值为foobar的元素的索引值。
HTML 代码:
<div id="foobar"><div></div><div id="foo"></div></div>
jQuery 代码:
$("div").index($('#foobar')[0]) // 0
$("div").index($('#foo')[0]) // 2
$("div").index($('#foo')) // -1