亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

簡(jiǎn)單講解jQuery中的子元素過(guò)濾選擇器

 更新時(shí)間：2016年04月18日 17:26:11   作者：happyhaojie  
這篇文章主要介紹了jQuery中的子元素過(guò)濾選擇器,列舉了一些操作DOM時(shí)獲取父元素的一些方法,需要的朋友可以參考下

子元素過(guò)濾器的過(guò)濾規(guī)則是通過(guò)父元素和子元素的關(guān)系來(lái)獲取相應(yīng)的元素。

2016418172315508.png (694×613)

$('li:first-child').css('background', '#ccc'); //每個(gè)父元素第一個(gè)li 元素 
 
$('li:last-child').css('background', '#ccc'); //每個(gè)父元素最后一個(gè)li 元素 
 
$('li:only-child').css('background', '#ccc'); //每個(gè)父元素只有一個(gè)li 元素 
 
$('li:nth-child(odd)').css('background', '#ccc'); //每個(gè)父元素奇數(shù)li 元素 
 
$('li:nth-child(even)').css('background', '#ccc'); //每個(gè)父元素偶數(shù)li 元素 
 
$('li:nth-child(2)').css('background', '#ccc'); //每個(gè)父元素第三個(gè)li 元素

我們知道使用

:first

過(guò)濾選擇器可以獲取指定父元素中的首個(gè)子元素，但該選擇器返回的只有一個(gè)元素，并不是一個(gè)集合，而使用

:first-child

子元素過(guò)濾選擇器則可以獲取每個(gè)父元素中返回的首個(gè)子元素，它是一個(gè)集合，常用多個(gè)集合數(shù)據(jù)的選擇處理。

如下圖，如果想把頁(yè)面中每個(gè)ul中的第一個(gè)li獲取到，并改變其顏色。則可以使用

: first-child


<body>
  <h3>該百年額米格“蔬菜水果”中第一行的文字顏色</h3>
  <ul>
    <li>芹菜</li>
    <li>茄子</li>
    <li>蘿卜</li>
    <li>大白菜</li>
    <li>西紅柿</li>
  </ul>
  <ul>
    <li>橘子</li>
    <li>香蕉</li>
    <li>葡萄</li>
    <li>蘋(píng)果</li>
    <li>西瓜</li>
  </ul>
</body>

<script type="text/javascript">
  $("li:first-child").css("color", "red");
</script>

在瀏覽器中顯示的效果：

2016418172340814.jpg (489×326)

通過(guò)

$("li:first-child")

選擇器代碼，獲取了兩個(gè)<ul>父元素中的第一個(gè)<li>元素，并使用

css()

方法修改了它們?cè)陧?yè)面中顯示的文字顏色。

相關(guān)文章

最新評(píng)論