jQuery_选择器

最新推荐文章于 2026-01-26 20:15:00 发布

转载最新推荐文章于 2026-01-26 20:15:00 发布 · 70 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/rocker-pg/p/8434114.html

收录于

当前文章被以下社区和专栏收录：

1.要在指定DIV下的第二个P后面增加元素如何实现？

<div id="divId">
    <p class="c1">我是第1个</p>
    <p class="c2">我是第2个</p>
    <p class="c3">我是第3个</p>
    <p class="c4">我是第4个</p>
</div>

　　(1)方案一

<script type="text/javascript">
    var insertHtml='<div>我是插入的元素。</div>'
    $('#divId').find('p').eq(1).after(insertHtml);
</script>

　　(2)方案二

<script type="text/javascript">
    $("div.XXX p:eq(1)").after("<p>我是插入的元素。</p>");
</script>

2.jQuery选择器中的通配符

 1 $("input[id^='code']");//id属性以code开始的所有input标签
 2 
 3 $("input[id$='code']");//id属性以code结束的所有input标签
 4 
 5 $("input[id*='code']");//id属性包含code的所有input标签
 6 
 7 $("input[name^='code']");//name属性以code开始的所有input标签
 8 
 9 $("input[name$='code']");//name属性以code结束的所有input标签
10 
11 $("input[name*='code']");//name属性包含code的所有input标签