jQuery

eq(index|-index)获取第N个元素
<p> This is just a test.</p> <p> So is this</p>
$("p").re(1)
<p> So is this</p>
next([expr])取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
$("p").next()
<p>Hello Again</p>, <div><span>And Again</span></div>
prev([expr])取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("p").prev()
<div><span>Hello Again</span></div>
nextAll([expr])查找当前元素之后所有的同辈元素。
<div></div><div></div><div></div><div></div>
$("div:first").nextAll().addClass("after");
<div class="after"></div>, <div class="after"></div>, <div class="after"></div>
prevAll([expr])查找当前元素之前所有的同辈元素
<div></div><div></div><div></div><div></div>
$("div:last").prevAll().addClass("before");
<div class="before"></div>, <div class="before"></div>, <div class="before"></div>
siblings([expr])取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("div").siblings()
<p>Hello</p>, <p>And Again</p>
parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合。
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
$("p").parent(".selected")
<div class="selected"><p>Hello Again</p></div>
jQuerychildren([expr])取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("div").children()
<span>Hello Again</span>
find(expr|obj|ele)搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
<p><span>Hello</span>, how are you?</p>
$("p").find("span")
[ <span>Hello</span> ]
filter(expr|obj|ele|fn)筛选出与指定表达式匹配的元素集合
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
$("p").filter(".selected")
<p class="selected">And Again</p>
has(expr|ele)保留包含特定后代的元素,去掉那些不含有指定后代的元素。

<ul>
  <li>list item 1</li>
  <li>list item 2
    <ul>
      <li>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>
$('li').has('ul').css('background-color', 'red');

is(expr|obj|ele|fn)根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

<form><input type="checkbox" /></form>
$("input[type='checkbox']").parent().is("form")
true
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 583评论 0 1
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 513评论 0 4
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,364评论 0 8
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,724评论 1 7
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 747评论 0 9