jquery - 如何区分 jQuery 选择器字符串和其他字符串

Question

我想检查字符串的“类型”。特别是，如何区分 jQuery 选择器字符串和其他字符串？也就是说，下面的代码中selectorTest应该如何实现？

    var stringType = function( value ) {   
        var htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$/;

        if ( htmlExpr.test(value) ) {
            return "htmlstring";
        }
        if ( selectorTest ) {
            return "selectorstring";  
        }
        return "string";
    }

Answer 1

您可以do what jQuery does内部并使用 the following regex 检查它是否是 HTML :

/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/

例如:

var stringType = function( value ) {   
    var htmlExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/;

    if ( htmlExpr.test(value) ) {
        return "htmlstring";
    }
    if ( selectorTest ) {
        return "selectorstring";  
    }
    return "string";
}

<小时/>

请注意，在最新版本的 jQuery 中，there's another check明确“以 < 开头”和“以 > 结尾”以跳过正则表达式(纯粹是为了速度)。 The check looks like this在核心中(从 jQuery 1.6.1 开始):

if ( typeof selector === "string" ) {
    // Are we dealing with HTML string or an ID?
    if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
        // Assume that strings that start and end with <> are HTML and skip the regex check
        match = [ null, selector, null ];
    } else {
        match = quickExpr.exec( selector );
    }