欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談jquery選擇器 :first與:first-child的區(qū)別

 更新時(shí)間：2016年11月20日 17:27:08   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇淺談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一個(gè)例子：

<ul>
 <li>John</li>
 <li>Karl</li>
 <li>Brandon</li>
</ul>
<ul>
 <li>Glen</li>
 <li>Tane</li>
 <li>Ralph</li>
</ul>

first表示（所有父元素合并后的）第一個(gè)；first-child表示（每個(gè)父元素的）第一個(gè)

$('ul li:first') 返回john所在的li。 查找所有ul下第一個(gè)li元素

$("ul li:first-child") 返回 john glen。 查找每個(gè)ul下第一個(gè)元素是li元素dom元素。

擴(kuò)展用法：$("body *:first")表示body下的第一個(gè)孩子元素； $("body *:first-child")表示body下的每一個(gè)是第一個(gè)孩子元素的元素

另外，css選擇器從右往左，如果是這樣；

<ul>
 <li>John</li>
 <li>Karl</li>
 <li>Brandon</li>
</ul>
<ul>

<div>DIV</div>
 <li>Glen</li>
 <li>Tane</li>
 <li>Ralph</li>
</ul>

那么$("ul li:first-child") 只返回John. 查找每個(gè)的第一個(gè)孩子元素，如果是li元素則匹配，否則不匹配.

$('li:first‘)匹配第一個(gè)li元素  $("li:first-child")匹配第一個(gè)li元素，它是某個(gè)元素的第一個(gè)孩子元素

以上這篇淺談jquery選擇器 :first與:first-child的區(qū)別就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論