jquery 源碼解析 節點遍曆

標籤：htm   實現   包括   com   img   指定   query   style   span   

jquery遍曆，用於根據其相對於其他元素的關係來尋找或選取html元素，以某項選擇開始，並沿著這個選擇移動，知道移動被稱為對dom進行遍曆

  ? <div> 元素是 <ul> 的父元素，同時是其中所有內容的祖先。

  ? <ul> 元素是 <li> 元素的父元素，同時是 <div> 的子項目

  ? 左邊的 <li> 元素是 <span> 的父元素，<ul> 的子項目，同時是 <div> 的後代。

  ? <span> 元素是 <li> 的子項目，同時是 <ul> 和 <div> 的後代。

  ? 兩個 <li> 元素是同胞（擁有相同的父元素）。

  ? 右邊的 <li> 元素是 <b> 的父元素，<ul> 的子項目，同時是 <div> 的後代。

  ? <b> 元素是右邊的 <li> 的子項目，同時是 <ul> 和 <div> 的後代。

提示：祖先是父、祖父、曾祖父等等。後代是子、孫、曾孫等等。同胞擁有相同的父。

jQuery的遍曆處理不僅只是針對基本的層級關係，還擴充了大量的篩選介面，包括了用於篩選、尋找和串聯元素的方法。之後我們會介紹到各自的實現。

 

jquery的遍曆節後設計

遍曆的介面分為：祖先，同胞兄弟，後代，過濾。

1，針對層級關係的處理，jquery就抽出了一個dir的方法，用於根據傳遞的元素與詞素的位置關係，尋找指定的元素

function dir(elem.dir,until){

　　return matched;

}

 

jquery 源碼解析 節點遍曆