在jQuery中,我們可以通過選擇器獲取一組元素,這些元素被稱為集合。我們可以對這個(gè)集合進(jìn)行各種操作。
要?jiǎng)?chuàng)建一個(gè)集合,我們可以使用jQuery()或$()函數(shù),將一個(gè)合法的CSS選擇器字符串作為參數(shù)傳遞給它們。例如:
var $collection = $('.example');
上面的代碼將選擇器".example"匹配到的所有元素保存在一個(gè)名為$collection的jQuery對象中。這個(gè)對象是一個(gè)集合,里面包含了所有被匹配到的元素。
我們可以通過鏈?zhǔn)秸{(diào)用jQuery的方法,對集合進(jìn)行各種操作,比如過濾、篩選、排序等等。例如:
// 過濾掉class為hidden的元素 $collection = $collection.not('.hidden'); // 只保留第一個(gè)匹配的元素 $collection = $collection.first(); // 按元素在文檔中出現(xiàn)的先后順序排序 $collection = $collection.sort();
我們還可以對集合中的每一個(gè)元素都執(zhí)行一些操作。這可以通過使用jQuery的each()方法來實(shí)現(xiàn)。例如:
// 對每一個(gè)元素設(shè)置樣式 $collection.each(function(index, element) { $(element).css('color', 'red'); });
在each()方法中,我們可以使用index參數(shù)獲取當(dāng)前元素在集合中的索引,使用element參數(shù)獲取當(dāng)前元素的DOM對象。通過將element參數(shù)傳遞給$()函數(shù),我們可以將它轉(zhuǎn)換為一個(gè)jQuery對象,從而可以使用jQuery的方法操作它。
總之,集合是jQuery中非常重要的一個(gè)概念,它可以用來表示一組元素,并且可以方便地對這些元素進(jìn)行各種操作。對于jQuery的初學(xué)者來說,熟練地使用集合是非常重要的。