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个元素的方法的详细内容。