jQuery如何操作第N个元素

这篇文章给大家分享的是有关jQuery如何操作第N个元素的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联公司服务项目包括舞阳网站建设、舞阳网站制作、舞阳网页制作以及舞阳网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，舞阳网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到舞阳省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

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如何操作第N个元素
分享网址：http://cdxtjz.cn/article/jdgppd.html