在jQuery中,選擇器是非常重要的一部分。選擇器的作用就是可以讓我們從HTML文檔中選出指定的元素,然后對這些元素進行操作。而在jQuery中,選擇器的種類非常多,其中就包括eq選擇器。
eq選擇器是用來選取指定索引號的元素的,比如我們想要選取第二個div元素,就可以使用eq(1)選擇器。其中,參數可以是一個正整數,也可以是一個負整數,表示從后往前數的索引號。比如eq(-1)表示選取最后一個匹配的元素。
//選取第二個div元素,并設置背景色為紅色 $('div:eq(1)').css('background-color', 'red'); //選取倒數第二個div元素,并設置字體顏色為綠色 $('div:eq(-2)').css('color', 'green');
需要注意的是,eq選擇器返回的是一個jQuery對象。如果要獲取選取的具體元素,可以使用get方法或者數組下標。
//獲取選取的第二個div元素 var div = $('div:eq(1)').get(0); //或者$('div:eq(1)')[0] console.log(div);
如果需要選取多個索引號的元素,可以使用多個eq選擇器,或者使用slice方法。
//選取第二個和第三個div元素,并設置背景色為紅色 $('div:eq(1), div:eq(2)').css('background-color', 'red'); //選取前三個div元素,并設置字體顏色為藍色 $('div').slice(0, 3).css('color', 'blue');
總之,eq選擇器可以方便地選取指定索引號的元素,是jQuery選擇器中的重要一員。
上一篇CSS布局設計素材整理
下一篇jquery選擇器 表格