## 遍歷 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(); ~~~