jquery中的 jquery.contains(a,b)

?jquery.contains(a,b) 判斷元素 a中是否包含 b 元素:

源碼:

contains = isNative(docElem.contains) || docElem.compareDocumentPosition ?function( a, b ) {var adown = a.nodeType === 9 ? a.documentElement : a,bup = b && b.parentNode;return a === bup || !!( bup && bup.nodeType === 1 && (adown.contains ?adown.contains( bup ) :a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16));} :function( a, b ) {if ( b ) {while ( (b = b.parentNode) ) {if ( b === a ) {return true;}}}return false;};

isNative:

rnative = /^[^{]+\{\s*\[native code/,function isNative( fn ) {return rnative.test( fn + "" );
}

重點解釋：

a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16

IE中是使用的 adown.contains( bup )來檢驗。

NodeA.compareDocumentPosition(NodeB) 返回的結果，包含你可以得到的信息。

Bits????????? Number??????? Meaning
000000???????? 0????????????? 元素一致
000001???????? 1????????????? 節點在不同的文檔（或者一個在文檔之外）
000010???????? 2????????????? 節點 B 在節點 A 之前
000100???????? 4????????????? 節點 A 在節點 B 之前
001000???????? 8????????????? 節點 B 包含節點 A
010000???????? 16???????????? 節點 A 包含節點 B
100000???????? 32???????????? 瀏覽器的私有使用

?

a.compareDocumentPosition( bup )的值只有是 16時，與 16進行 & 運算才為真，其它的值與 16 進行 & 運算 都是 0.