首頁(yè)技術(shù)文章正文

jQery選擇器怎樣篩選元素?

更新時(shí)間:2020-12-18 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

  篩選選擇器用來(lái)篩選元素,通常和別的選擇器搭配使用,具體如表1所示。

  表1 篩選選擇器


1608283496872_21.png

  下面通過(guò)代碼演示篩選選擇器的使用。

   <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行用來(lái)將ul中的第1個(gè)li的顏色設(shè)為red,第8行用來(lái)將ul中的索引為2的li(對(duì)應(yīng)第3個(gè)li)的顏色設(shè)為blue。運(yùn)行結(jié)果如圖1所示。

1608283535805_22.png

  圖1 設(shè)置文本顏色




猜你喜歡:

變量是什么?JavaScript變量的命名聲明與賦值講解

JavaScript如何獲取標(biāo)簽屬性?

表單的構(gòu)成是什么?如何創(chuàng)建表單

黑馬程序員前端培訓(xùn)課程 

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!