选择第三个p元素的方法:1、用eq()选取索引号为2的p元素即可,语法“$(“p”).eq(2)”;2、用“:eq()”选取索引号为2的p元素即可,语法“$(“p:eq(2)”)”。元素索引号是从0开头计数的,因此第三个元素的索引号为2。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery选择第三个p元素
1、利用eq()方法
eq() 方法返回带有被选元素的指定索引号的元素。索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。
因此选择第三个p元素,就是选择索引号为2的p元素。
nbsp;html>$(document).ready(function() {$("button").click(function() {$("p").eq(2).css({"color": "red","border": "2px solid red"});});});标题
第1个p元素
第2个p元素
span元素第3个p元素
第4个p元素
第5个p元素
登录后复制
2、利用“:eq()”选择器
:eq() 选择器和eq() 方法类似,都是选取带有指定 索引 的元素。索引也从 0 开头,所以第一个元素的索引号是 0(不是 1)。
同样,使用:eq() 选择索引号为2的p元素即可。
nbsp;html>$(document).ready(function() {$("button").click(function() {$("p:eq(2)").css({"color": "red","border": "2px solid pink"});});});标题
第1个p元素
第2个p元素
span元素第3个p元素
第4个p元素
第5个p元素
登录后复制
【推荐学习:jQuery视频教程、web前端视频】
以上就是用jquery方法怎么选择第三个p元素的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2934992.html