## 遍历 each(callback) 概述：以每一个匹配的元素作为上下文来执行一个函数。 * callback：对于每个匹配的元素所要执行的函数。 ~~~ // 迭代多个图像，并设置它们的 src 属性。 $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); // 如果你想得到 jQuery 对象，可以使用 $(this) 函数。 $("img").each(function(){ $(this).toggleClass("example"); }); ~~~ ## 个数 length 概述：jQuery 对象中元素的个数。 ~~~ // 计算文档中所有图片数量 $("img").length; ~~~ ## 选择器 selector 概述：返回传给 jQuery()的原始选择器。 ~~~ // 确定查询的选择器 $("ul").append("<li>" + $("ul").selector + "</li>") .append("<li>" + $("ul li").selector + "</li>"); // ul // ul li ~~~ ## 上下文 context 概述：返回传给 jQuery() 的原始的 DOM 节点内容，即 jQuery() 的第二个参数。 ~~~ // 检测使用的文档内容 $("ul") .append("<li>" + $("ul").context + "</li>") .append("<li>" + $("ul", document.body).context.nodeName + "</li>"); // [object HTMLDocument] // BODY ~~~ ## 获取 get(\[index\]) 概述：取得其中一个匹配的元素。 * index：取得第 index 个位置上的元素。 * get()：取得所有匹配的 DOM 元素集合。 ~~~ // 取得第 index 个位置上的元素 $("img").get(0); ~~~ ## 索引 index(\[selector | element\]) 概述：搜索匹配的元素，并返回相应元素的索引值，从 0 开始计数。 * index()：查找元素的索引值。 * selector：一个选择器，代表一个 jQuery 对象，将会从这个对象中查找元素。 * element：获得 index 位置的元素。可以是 DOM 元素或 jQuery 选择器。 ~~~ // 传递一个 DOM 对象，返回这个对象在原先集合中的索引位置 $('li').index(document.getElementById('bar')); // 传递一个 jQuery 对象 $('li').index($('#bar')); // 传递一组 jQuery 对象，返回这个对象中第一个元素在原先集合中的索引位置 $('li').index($('li:gt(0)')); // 传递一个选择器，返回#bar 在所有 li 中的索引位置 $('#bar').index('li'); // 不传递参数，返回这个元素在同辈中的索引位置。 $('#bar').index(); ~~~