篩選
...
8.not()
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>css
console.log($("p").not($('.p1')));
從獲取的p元素集合中除去擁有 class='p1'html
9.slice()
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>字體
console.log($("p").slice(0,1));
console.log($("p").slice(0,-2));spa
10.children()
<div>
<p class="p1">1</p>
</div>
<div>
<p class="p2">2</p>
</div>
<p class="p3">3</p>htm
console.log($("div").children('.p1'));
console.log($("div").children());console
11.closest()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>class
console.log($(".father p").closest("div"));
由自身開始，向上級檢索，最終得到div.father and div.children 的集合next
12.find()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>集合
console.log($("div").find("p"));
此行代碼的功能與$("div p")相同di
13.next()
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>
console.log($(".p1").next());
選擇 p.p1 後面的一個同級元素
14.nextAll()
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>
console.log($(".p1").nextAll());
選擇 p.p1 後面的全部的同級元素
15.nextUntil()
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>
<p class="p4">4</p>
<p class="p5">5</p>
<p class="p6">6</p>
console.log($(".p1").nextUntil('.p4'));
選擇p.p1到p.p4中間的p.二、p.3
從自身起（不包含自身）向下同級檢索，直到知足條件停下（不包含條件元素）,最終將檢索過得元素合成一個集合
16.parent()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>
console.log($("p").parent('.father'));
查找擁有類.father幷包含p的元素
17.parents()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>
console.log($("p").parents());
p元素的全部上級元素，包括body、html
18.parentsUntil()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
console.log($("p").parentsUntil('.father'));
功能與nextUntil()類似，向上查找全部上級元素，直到知足條件停下。
19.prev()
<div class="father">
<div class="children"> 我是div
<p >我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>
console.log($("p").prev());
選擇p元素前面的一個同級元素
20.prevAll()
<ul>
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
console.log($(".li2").prevAll());
選擇p元素前面的全部的同級元素
21.prevUntil()
<ul>
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
console.log($(".li2").prevUntil());
與nextUntil()類似，向上查找全部同級元素，直到知足條件停下。
22.siblings()
<ul>
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
console.log($(".li2").siblings());
選擇li.li2全部同級元素，但本身排外
23.add()
<ul class="ul1">
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
<ul class="ul2">
<li class="li4">4</li>
<li class="li5">5</li>
<li class="li6">6</li>
</ul>
console.log($(".ul1").add('ul2'));
鏈接兩個集合
24.addBack()
<ul class="ul1">
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
console.log($(".li1").next().addBack());
選擇li.li1後一個同級元素並用addBack()將其與本來的li.li1合在一個造成一個集合
25.contents()
<ul class="ul1">
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
console.log($(".ul1").contents());
獲取ul.ul1中的全部節點（包括文本節點）
26.end()
<ul class="ul1">
<li class="li1">1</li>
<li class="li2">2</li>
<li class="li3">3</li>
</ul>
$(".ul1").find(".li2").css('color','red').end().css('backgroundColor','blue');經過ul.ul1找到li.li2改變其字體顏色，而後經過end()返回原先的集合改變其背景色