浅谈jquery选择器:first与:first-child的区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈jquery选择器:first与:first-child的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含797字，纯文字阅读大概需要2分钟。

内容图文

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

first表示（所有父元素合并后的）第一个；first-child表示（每个父元素的）第一个

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

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

扩展用法：$("body *:first")表示body下的第一个孩子元素； $("body *:first-child")表示body下的每一个是第一个孩子元素的元素

另外，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. 查找每个的第一个孩子元素，如果是li元素则匹配，否则不匹配.

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

内容总结

以上是互联网集市为您收集整理的浅谈jquery选择器:first与:first-child的区别全部内容，希望文章能够帮你解决浅谈jquery选择器:first与:first-child的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端