Question

我发现几乎所有非字母数字字符都必须在querySelector()和querySelectorAll()中引用。从我的测试：

for( var i=32; i<127; i++ ) { 
   var ch = String.fromCharCode(i);
   try{ document.querySelector("[a"+ch+"b]") }
   catch(e) { console.log( i + ' = ' + ch ); }
};

只有“ - ”和“_”才需要转义。这需要为replace的参数提供专门的querySelector类型函数，以确保它们被正确过滤。其他功能（例如setAttribute，getAttribute）不需要转义。

我无法找到验证测试的文档。例如，属性名称中的Unicode字符呢？

Answer 1

selector grammar如下：

ident     [-]?{nmstart}{nmchar}*
name      {nmchar}+
nmstart   [_a-z]|{nonascii}|{escape}
nonascii  [^\0-\177]
unicode   \\[0-9a-f]{1,6}(\r\n|[ \n\r\t\f])?
escape    {unicode}|\\[^\n\r\f0-9a-f]
nmchar    [_a-z0-9-]|{nonascii}|{escape}
num       [0-9]+|[0-9]*\.[0-9]+
string    {string1}|{string2}
string1   \"([^\n\r\f\\"]|\\{nl}|{nonascii}|{escape})*\"
string2   \'([^\n\r\f\\']|\\{nl}|{nonascii}|{escape})*\'
invalid   {invalid1}|{invalid2}
invalid1  \"([^\n\r\f\\"]|\\{nl}|{nonascii}|{escape})*
invalid2  \'([^\n\r\f\\']|\\{nl}|{nonascii}|{escape})*
nl        \n|\r\n|\r|\f
w         [ \t\r\n\f]*

D         d|\\0{0,4}(44|64)(\r\n|[ \t\r\n\f])?
E         e|\\0{0,4}(45|65)(\r\n|[ \t\r\n\f])?
N         n|\\0{0,4}(4e|6e)(\r\n|[ \t\r\n\f])?|\\n
O         o|\\0{0,4}(4f|6f)(\r\n|[ \t\r\n\f])?|\\o
T         t|\\0{0,4}(54|74)(\r\n|[ \t\r\n\f])?|\\t
V         v|\\0{0,4}(58|78)(\r\n|[ \t\r\n\f])?|\\v

在javascript dom中，在querySelector（）中转义字符

1 个答案: