在jQuery中,可以使用$()函數來創建一個jQuery對象。當你對DOM元素進行選擇操作時,會在內部自動創建一個包含匹配元素的jQuery對象。而這個jQuery對象實際上就是一個數組。我們稱之為jQuery對象的數組。
//創建一個jQuery對象 var $elems = $("div"); //獲取jQuery對象的長度 console.log($elems.length); //遍歷jQuery對象中的每一個DOM元素 $elems.each(function(index, elem) { console.log(index + ": " + elem.textContent); });
在jQuery中,可以對jQuery對象進行很多操作,比如通過索引來訪問其中的元素,使用eq()方法和get()方法,以及使用slice()方法來獲取其中的一個子集。
//訪問jQuery對象中的第一個元素 console.log($elems[0]); //使用eq獲取jQuery對象中的第一個元素 console.log($elems.eq(0)); //使用get()方法獲取jQuery對象中的第一個元素 console.log($elems.get(0)); //使用slice()方法獲取jQuery對象中的前三個元素 console.log($elems.slice(0, 3));
在jQuery對象中還有一些其他的方法,比如filter()方法用于篩選元素,map()方法用于映射元素,add()方法用于添加元素到當前jQuery對象中等等。
//使用filter()方法篩選出class為"selected"的元素 var $selected = $elems.filter(".selected"); console.log($selected); //使用map()方法映射出元素的text內容 var $texts = $elems.map(function() { return this.textContent; }); console.log($texts); //使用add()方法添加元素到當前jQuery對象中 var $moreElems = $("span"); var $newElems = $elems.add($moreElems); console.log($newElems);
總之,jQuery對象的數組提供了許多有用的方法來操作DOM元素,這使得JavaScript編寫變得更加簡單和可讀。