contains与compareDocumentPosition

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

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

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

所以判断包含关系，只要取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