更新時間:2020-12-18 來源:黑馬程序員 瀏覽量:
IT就到黑馬程序員.gif)
篩選選擇器用來篩選元素,通常和別的選擇器搭配使用,具體如表1所示。
表1 篩選選擇器

下面通過代碼演示篩選選擇器的使用。
<ul>
<li>我是第1個li,索引為0</li>
<li>我是第2個li,索引為1</li>
<li>我是第3個li,索引為2</li>
</ul>
<script>
$("ul li:first").css("color", "red");
$("ul li:eq(2)").css("color", "blue");
</script>在上述代碼中,第7行用來將ul中的第1個li的顏色設(shè)為red,第8行用來將ul中的索引為2的li(對應(yīng)第3個li)的顏色設(shè)為blue。運行結(jié)果如圖1所示。

圖1 設(shè)置文本顏色
1024首播|39歲程序員逆襲記:不被年齡定義,AI浪潮里再迎春天
2025-10-241024程序員節(jié)丨10年同行,致敬用代碼改變世界的你
2025-10-24【AI設(shè)計】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運營】深圳跨境電商運營畢業(yè)22個工作日,就業(yè)率91%+,最高薪資達13500元
2025-09-19【AI運維】鄭州運維1期就業(yè)班,畢業(yè)14個工作日,班級93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19