jquery是一套跨浏览器的javascript库，简化html与javascript之间的操作。由john resig在2006年1月的barcamp nyc上发布第一个版本。目前是由 dave methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jquery，是目前最受欢迎的javascript库，本篇文章我们给大家讲解一个小技巧，jquery操作同组元素的第n个元素的方法。
举例如下：
在 class=”phpernote” 下有 3个 ul，现在希望给每个ul下的第5个li元素添加 class=”com”
具体jQuery代码：
$(".phpernote ul li:nth-child(5)").addClass("com");
登录后复制
已经成功给每个ul下的第5个li添加class为com
当然，也可以直接添加 CSS 代码：
$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});
登录后复制
nth-child：英文中的缩写，n-th，表示第几个，1,2,3分别用 first、second、third 单词，从4开始便为数字的单词+th，如4th、5th、6th等等
获取ul下的第一个li
$("ul li:first-child")
登录后复制
获取ul下的最后一个li
$("ul li:last-child")
登录后复制
以上就是jquery操作同组元素的第N个元素的方法讲解，希望对大家有帮助。
相关推荐：
jquery操作ul技巧总结
详解jQuery操作元素css样式的三种方法
web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记
以上就是jQuery操作第N个元素的方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/1796988.html
