jQuery如何运作第N个元素
发布时间：2022-02-18 14:33:31 所属栏目：MySql教程 来源：互联网
导读：这篇文章给大家分享的是有关jQuery如何操作第N个元素的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。 jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第
|
这篇文章给大家分享的是有关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个元素”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！ （编辑：温州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
