首页 > 代码库 > contains与compareDocumentPosition

contains与compareDocumentPosition

Sizzle中有一个contains方法(jQuery.contains),用来遍历是否包含指定的元素

IE率先引入一个contains()方法,可以在节点中查找某一个节点是不是当前节点的厚点,如果 DOM Node 和 DOM Element 相一致,.contains() 将返回 true ,虽然,一个元素不能包含自己

在DOM3中又引入了compareDocumentPosition()用来确定节点关系,这个方法比contains更为强大,使用这个方法你可以确定关于一个元素位置的一连串的信息。所有的这些信息将返回一个比特码(Bit,比特,亦称二进制位)。

image

所以判断包含关系,只要取16即可

 

Sizzle.contains源码

hasCompare = rnative.test(docElem.compareDocumentPosition);contains = hasCompare || rnative.test(docElem.contains) ?    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

contains与compareDocumentPosition