JQuery中的eq()方法可以讓我們選中某一個特定的元素,根據它的索引值進行選擇。有時候我們需要選中多個元素,甚至是不連續的元素。這時候我們可以使用多個eq()方法來選中它們。
//選中第1個和第3個p元素 $("p:eq(0), p:eq(2)").css("color", "red");
上面代碼中,我們使用了逗號分隔符,把兩個eq()方法連接起來,從而選中第1個和第3個p元素,并將它們的文字顏色設置為紅色。
一個更復雜的例子,我們選中了第3、5、7、9和11個p元素,并設置它們的背景色和邊框顏色。
//選中第3、5、7、9和11個p元素 $("p:eq(2), p:eq(4), p:eq(6), p:eq(8), p:eq(10)").css({ "background-color": "yellow", "border": "2px solid green" });
使用多個eq()方法可以給我們更大的靈活性,讓我們在需要選中多個元素的時候能夠更方便地實現目標。需要注意的是,每個eq()方法單獨來看都只能返回一個元素,我們需要把多個eq()方法用逗號分隔符連接在一起,從而實現選中多個元素。
上一篇css底部菜單欄
下一篇css底部彈出框動畫