jQuery遍歷節點

1.chirldren()

html：

jquery**：

var bodylength=$('body').chirldren().length;  //獲取下面的子元素個數，結果為2

var plength=$('p').chirldren().length;//獲取標記下的子元素個數，結果為0

var ullength=$('ul').chirldren().length;//獲取

jquery**：

var $p1=$('p').next();//得到緊鄰元素後的同輩元素

結果：3.prev()

html:

jquery**：

var $ul=$('ul').prev(); //取得緊鄰

jquery**：

var $span=$('span').siblings();//得到標記的同輩元素

結果：5.closest()

用來取得最近的匹配元素。首先檢查當前元素是否匹配，如果匹配直接返回本事，不匹配則向上查詢父元素，逐級向上直到找到匹配選擇器的元素，如果什麼都沒找到則返回乙個空的jquery物件。

6.其它：find(),filter(),nextall(),prevall(),parent(),parents()

jquery遍歷節點

遍歷所有的li標籤 function 通過each 遍歷指定的多個同類節點 function find 函式用於查抄子節點,如果找到了，則返回被找到的節點物件 var node ul find li alert node ul find li css color yellow 滑鼠事件 type t...

jquery遍歷節點

父類節點遍歷 parent 尋找節點的第乙個父節點 引數用於篩選元素 parents 尋找節點的所有父類節點 會一直找到document 引數用於篩選元素 parentuntil el 尋找兩個節點之間的所有父類節點 子類節點遍歷 children 尋找節點的第乙個子節點 引數用於篩選元素 find...

JQuery節點遍歷

ancestors style src jquery jquery 1.11.1.min.js script document ready function script head class ancestors body 曾曾祖父 style width 500px div 曾祖父 ul 祖父 l...