更新時(shí)間:2020-12-18 來源:黑馬程序員 瀏覽量:
篩選選擇器用來篩選元素,通常和別的選擇器搭配使用,具體如表1所示。
表1 篩選選擇器
下面通過代碼演示篩選選擇器的使用。
<ul> <li>我是第1個(gè)li,索引為0</li> <li>我是第2個(gè)li,索引為1</li> <li>我是第3個(gè)li,索引為2</li> </ul> <script> $("ul li:first").css("color", "red"); $("ul li:eq(2)").css("color", "blue"); </script>
在上述代碼中,第7行用來將ul中的第1個(gè)li的顏色設(shè)為red,第8行用來將ul中的索引為2的li(對(duì)應(yīng)第3個(gè)li)的顏色設(shè)為blue。運(yùn)行結(jié)果如圖1所示。
圖1 設(shè)置文本顏色