jQuery - isSelector 函数

Question

我没有找到任何对我的特定情况有帮助的东西，所以这里有一个问题：对于一个特定的字符串如何检查它是否是一个正确的 jQuery 选择器（暂时让我们变得简单并限制我们自己使用非自定义 jQuery 选择器） ，或者如果这太难了，有效的 CSS 选择器 - 基本上：

$.isSelector("div") = return true
$.isSelector("* [") = return false - unclosed attribute selector
$.isSelector("* []") = return false - empty attribute selector
$.isSelector("* [name]") = return true
$.isSelector("/hiThere") = return false - invalid / character
$.isSelector("body > ") = return false - > without following child selector
$.isSelector("body > [name=\\\[girls_just_want_to_have_fun\\\]].on a .beach") = return true

可能有一个内部 jQuery 函数可以进行检查（或 RegExp），但我的 voodoo 太差了，找不到它。

可能是这样的：

function isSelector(string)
{ 
   try 
   { 
       $(string); 
       return true;
   } 
   catch(e) 
   { 
       return false; 
   }
}

可以解决问题，但似乎有点极端。

干杯!

Answer 1

对于特定字符串如何检查它是否是正确的 jQuery 选择器

你不能。几乎任何东西都可以是选择器，例如我的页面可能由一堆 blah 组成，这将使 $("blah") 完全有效。

jQuery 确实会对您作为参数传递的字符串进行一些检查，这发生在核心的 init 方法中，我在源浏览器中为您突出显示了该方法：

https://github.com/jquery/jquery/blob/master/src/core.js#L78-186

Answer 2

我使用了这个解决方案：

function isSelector(string)
{
    var ns = document.styleSheets[0];

    if (!ns)
    {
        document.getElementsByTagName('head')[0].appendChild(document.createElement('style'));
        ns = document.styleSheets[0];
    }

    try
    {
        ns.insertRule(string+" {}", 0);
        ns.deleteRule(0);

        return true;
    }
    catch(e)
    {
        return false;
    }
}

此外，这个（有效）示例

isSelector('#\\~\\!\\@\\$\\%\\^\\&\\*\\(\\)\\_\\+-\\=\\,\\.\\/\\\'\\;\\:\\"\\?\\>\\<\\[\\]\\\\\\{\\}\\|\\`\\#')`

返回 true