Question

我想知道如何只使用javascript编写jQuery方法？

您不能使用任何第三方库。只有浏览器提供的javascript。

FYI jQuery中的方法is：

根据选择器元素检查当前匹配的元素集，或jQuery对象，如果至少有其中一个元素，则返回true 匹配给定的参数。

Answer 1

如果您需要支持旧版浏览器，则应使用jQuery。这应该适用于IE9，Firefox和Chrome。

//returns true if element matches selector or if element is equal to the node passed as selector
function is( elem, selector ) {
    var div = document.createElement("div");
    var matchesSelector = div.webkitMatchesSelector || div.mozMatchesSelector || div.msMatchesSelector;
    return typeof selector == "string" ? matchesSelector.call( elem, selector ) : selector === elem;
}
//returns true if any elements in the array/nodelist "is" selector
function anyIs( elems, selector ) {
    var l = elems.length, i;

    for( i = 0; i < l; ++i ) {
        if( is( elems[i], selector ) ) {
            return true;
        }
    }
    return false;
}

is(document.createElement("div"), "div")
//true
is(document.createElement("div"), "li")
//false
anyIs(document.getElementsByTagName("div"), document.getElementsByTagName("div")[3])
//true
anyIs(document.getElementsByTagName("div"), "div")
//true

Answer 2

function is( elem, selector ) {
    var sel = elem.ownerDocument.querySelectorAll( selector );
    return [].some.call( sel, function( el ) {
        return elem === el;
    } );
}

如果任何元素匹配，将返回true。

如何在javascript中编写jquery“is”方法

2 个答案: