jQuery操作第N个元素的方法


本文摘自PHP中文网,作者小云云,侵删。

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代码:

1

$(".phpernote ul li:nth-child(5)").addClass("com");

已经成功给每个ul下的第5个li添加class为com

当然,也可以直接添加 CSS 代码:

1

$(".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

1

$("ul li:first-child")

获取ul下的最后一个li

1

$("ul li:last-child")

以上就是jquery操作同组元素的第N个元素的方法讲解,希望对大家有帮助。

相关推荐:

jquery操作ul技巧总结

详解jQuery操作元素css样式的三种方法

web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记

以上就是jQuery操作第N个元素的方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

php中获取系统信息的方法

jQuery操作第n个元素的方法

介绍几种mysql常用的优化方法

mysql的加密方法

mysql中多表不关联查询的实现方法详解

mysql主从同步配置的方法

php限制ip地址范围的实现方法

mysql中关于索引操作的经验分享

sqlserver查询锁住sql以及解锁的方法

使用mysqlfrm恢复frm表结构的方法

更多相关阅读请进入《jQuery》频道 >>


数据库系统概念 第6版
书籍

数据库系统概念 第6版

机械工业出版社

本书主要讲述了数据模型、基于对象的数据库和XML、数据存储和查询、事务管理、体系结构等方面的内容。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...