jquery 遍歷 之 end 方法

1.end()

比如要查詢 first 下的 class 為 foo 的元素 並 將其color設定為red。通常如果我們接著往下寫

$('ul.first').find('.foo').css('color', 'red').find(".bar").css('color', 'red')

那麼

沒有什麼效果，如果我們改成

$('ul.first').find('.foo').css('color', 'red').end().find(".bar").css('color', 'red');

效果很明顯。end()會結束jquery鏈條屬性，而重新開始查詢。

因此我們可以這麼寫

$('ul.first').find('.foo')

.css('background-color', 'red')
.end().find('.bar')
.css('background-color', 'green')
.end();

**很對稱(其實最後乙個end()不用寫)，不寫看著整齊，易讀，寫了會增加一部分開銷。

jquery遍歷 end 方法

end 方法結束當前鏈條中的最近的篩選操作，並將匹配元素集還原為之前的狀態。舉個栗子 1 body 2 ul class first 3 li class foo list item 1 li 4 li list item 2 li 5 li class bar list item 3 li 6ul...

jQuery遍歷之closest 方法

以選定的元素為中心，往內查詢可以通過find children方法。如果往上查詢，也就是查詢當前元素的父輩祖輩元素，jquery提供了closest 方法，這個方法類似parents但是又有一些細微的區別，屬於使用頻率很高的方法 closest 方法接受乙個匹配元素的選擇器字串 從元素本身開始，在d...

jQuery遍歷之children 方法

jquery是乙個合集物件，如果想快速查詢合集裡面的第一級子元素，此時可以用children 方法。這裡需要注意 children selector 方法是返回匹配元素集合中每個元素的所有子元素 僅兒子輩，這裡可以理解為就是父親 兒子的關係 理解節點查詢關係 如果是 div children 那麼意...