jquery first-child 和 first 有什么区别？

jquery :first-child 和 first 有什么区别？

:first 只匹配一个元素

只会选择第一个 li（john）

HTML 代码：

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

jQuery 代码

$("ul li:first")

结果：

[ <li>John</li> ]

:first-child

在每个 ul 中查找第一个 li

HTML 代码：

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

jQuery 代码：

$("ul li:first-child")

结果：

[ <li>John</li>, <li>Glen</li> ]

扩展

• https://blog.csdn.net/just_coming_here/article/details/51169514
• https://blog.csdn.net/kusedexingfu/article/details/51945284
• https://www.zhihu.com/question/31613223

更多面试题

如果你想了解更多的前端面试题，请点击下面进行选择,这里基本包涵了市场上的所有前端方面的面试题，让你面试更加顺利。

• HTML 面试题
• CSS 面试题
• JavaScript 面试题
• jQuery 面试题
• Vue.js 面试题
• React 面试题
• 算法 面试题
• AJAX/HTTP 面试题
• Babel 面试题
• BootStrap 面试题
• Electron 面试题
• Gulp 面试题
• Node.js 面试题
• 前端经验相关 面试题
• 前端综合 面试题
• Webpack 面试题
• 微信小程序 面试题

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！