jQuery是一款非常流行的JavaScript庫，用于簡化JavaScript的代碼編寫和操作HTML DOM。在jQuery中，有一種類型的對象叫做集合（collection），即一組由jQuery對象選取的元素。

通常情況下，可以使用CSS選擇器來選取需要操作的元素，并將它們封裝成集合對象。例如：

var buttons = $('button'); //選取頁面上所有的元素
var paragraphs = $('.content p'); //選取類名為"content"的
元素下的所有
元素

選取元素后，就可以對集合中的每個元素進行操作，使用jQuery提供的各種方法和函數。例如：

buttons.click(function() {
alert('你點擊了按鈕！');
});
paragraphs.hide();

上述代碼中，當點擊頁面上任意一個元素時，會彈出一個提示框；而所有類名為"content"的

元素下的

元素，則都會被隱藏起來。

除了使用CSS選擇器外，還可以使用一些特殊的篩選器來進一步縮小集合的范圍。常用的篩選器包括：

• :first - 選擇集合中的第一個元素
• :last - 選擇集合中的最后一個元素
• :eq(n) - 選擇集合中索引為n的元素
• :even - 選擇集合中所有偶數索引的元素
• :odd - 選擇集合中所有奇數索引的元素
• :not(selector) - 選擇集合中不符合指定選擇器的元素

var firstButton = $('button:first');
var secondParagraph = $('.content p:eq(1)');
paragraphs.not('.special').addClass('highlight');

上述代碼中，選取了第一個

元素和所有類名為"content"的

元素下的第二個

元素；同時，也選取了所有不帶類名"special"的

元素，并為它們添加了類名"highlight"。

總之，jQuery的集合為我們提供了操作HTML元素的便利性和靈活性。熟練掌握這一特性，能夠幫助我們更加高效地編寫JavaScript代碼。

上一篇jquery color picker

下一篇mysql一張主表多張附表