jquery層級選擇器

層級共包括後代元素、子元素、相鄰元素和同級元素四種。

後代選擇器$(『ancestor descendant』)選擇給定的祖先元素的所有後代元素，並返回集合元素

id="test">

1div>
2div>
div>
div>
$('#test div').css('margin','10px');
console.log($('#test div').length);//3
script>

array.prototype.foreach.call(document.getelementbyid('test').getelementsbytagname('div'),function

(item,index,arr));

array.prototype.foreach.call(document.queryselectorall('#test div'),function

(item,index,arr));

子元素選擇器$(『parent > child』)選擇所有指定』parent』元素中指定的』child』的直接子元素，並返回集合元素

id="test">

1div>
2div>
div>
div>
$('#test > div').css('margin','10px');
console.log($('#test > div').length);//1
script>

array.prototype.foreach.call(document.queryselectorall('#test > div'),function

(item,index,arr));

一般兄弟選擇器$(『prev ~ siblings』)選擇』prev』元素之後的所有同級的』siblings』元素，並返回集合元素

id="test">1li>
2li>
3li>
ul>
$('#test ~ li').css('color','red');
console.log($('#test ~ li').length);//2
script>

array.prototype.foreach.call(document.queryselectorall('#test ~ li'),function

(item,index,arr));

相鄰兄弟選擇器$(『prev + next』)選擇所有緊跟在』prev』元素後的』next』元素，並返回集合元素

id="test">1li>
2li>
3li>
ul>
$('#test + li').css('color','red');
console.log($('#test + li').length);//1
script>

array.prototype.foreach.call(document.queryselectorall('#test + li'),function

(item,index,arr));

jQuery層級選擇器

1.子元素選擇器 用於查詢在給定的父元素下查詢 這個父元素下的所有子元素，語法格式 如下 parent chilid 2.後代元素選擇器 用於在給定的祖先元素下匹配所有的後代元素，語法格式 如下 ancestor descendant 3.緊鄰同輩元素選擇器 用於匹配所有緊鄰在prev元素後的nex...

jQuery選擇器之層級選擇器

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述，可以把文件樹當作乙個家譜，那麼節點與節點直接就會存在父子，兄弟，祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表，對比層級選擇器的區別 仔細觀...

jQuery選擇器之層級選擇器

若要通過dom 元素之間的層次關係來獲取元素，如後代元素，子元素，相鄰元素和同輩元素，使用jquery的層次選擇器將會是最佳選擇。jquery層次選擇器和css的層次選擇器相同，他們都是根據獲取元素與其父元素，子元素，兄弟元素等的關係而構成的選擇器。jquery中有四種層次選擇器 後代選擇器 子選擇...