jquery:has()和:has()之间的细微差别

之所以会发生这种情况,是因为sizzle选择器正在查看:has示例中具有SPAN子级的所有DIV。但是在.has示例中,它将所有的div传递给.has(),然后它将查找不应该是独立选择的内容。(没有孩子)。

基本上,:has()是选择的一部分,但是.has()通过这些div,然后从中重新选择。

理想情况下,您不使用这样的选择器。在选择器中的>可能是一个bug,因为它在语义上很尴尬。注意:儿童操作员不应该是独立的。

sizzle与target.sizzle:

我一直在说 v1.4.2 of jquery development release .

有 (jquery第3748行)

描述: 减少匹配元素集 到 有后代的 匹配选择器或dom元素的。

代码:

    var targets = jQuery( target );
    return this.filter(function() {
        for ( var i = 0, l = targets.length; i < l; i++ ) {
            if ( jQuery.contains( this, targets[i] ) ) { //Calls line 3642
                return true;
            }
        }
    });

第3642行涉及一个2008插件 compareDocumentPosition 但是这里重要的一点是,我们现在基本上只运行两个jquery查询,其中第一个查询选择 $("DIV") 下一个选择 $(">span") (返回空值),然后检查子级。

有 (jquery第3129行)

描述:选择元素 其中至少包含一个元素 与指定的选择器匹配。

代码:

return !!Sizzle( match[3], elem ).length;

它们是两种不同的工具:has使用sizzle 100%,has使用传递给它的目标。

注意:如果你认为这是一个错误,去填写错误通知单。

我想你可能碰到了一个真正的虫子。问题可能在于您使用子选择器的方式。正如用户257493所指出的,它并不打算单独使用(或者至少我在文档中没有看到任何这样的例子)。

不过,看看这个。如果添加 * 在子选择器之前 .has() 突然,它开始工作: http://jsfiddle.net/Ender/FjgZn/

但如果你在 :has() 选择器,它停止工作!请参见这里: http://jsfiddle.net/ender/fjgzn/

这两种方法的实现方式显然存在差异。