这些在jQuery选择器中转义方括号的不同方法有什么区别

Question

这些在 jQuery 选择器中转义方括号的不同方法有什么区别。

有正确或错误的方式，还是两者都正确？我已经阅读了不同的答案（包括this）但没有人比较这种不同的方式。

HTML

<div name="name[1]"></div>

jQuery

$('div[name=name[1]]'); //wrong
$('div[name="name[1]"]'); //correct?
$('div[name="name\\[1\\]"]'); //correct?
$('div[name=name\\[1\\]]'); //correct?

我问correct? 的所有人都工作，使用选择器的方式/语法可以吗？

编辑：

我之前阅读了重复的建议答案，我实际上发布了它没有解释差异或应该使用哪个......我现在从这个答案中得到了这个。

Answer 1

除了第一个错误的情况：$('div[name=name[1]]'); 会引发错误 unrecognized expression: div[name=name[1]] - 所有其他都可以使用，原因略有不同。

说明：

• $('div[name="name[1]"]') 可以使用，因为 jQuery 将 name[1] 视为字符串而不是 CSS/jQuery 选择器。所以没有必要逃避它。

• $('div[name="name\\[1\\]"]'), 实际上是不必要的转义，但有效。 jQuery 将name\\[1\\] 读取为字符串，在 javascript 中，第一个反斜杠 \ 转义第二个反斜杠，结果为\[，这与[ 相同。所以这个例子和前面的例子一样，只是加上了不必要的反斜杠。

• $('div[name=name\\[1\\]]') is ok 和内部 [] 被转义，因此它们不会被混淆为 CSS/jQuery 选择器。
  
  

来自 jQuery 文档：

使用任何元字符（例如 !"#$%&'()*+,./:;?@[]^`{|}~ ）作为 a 的文字部分名称，必须用两个反斜杠转义：\\.

---

演示here

好读：

• MDN - Escaping characters
• jQuery - Selectors
• W3.org - Characters

Answer 2

试试这样的

        var div = document.getElementsByName('name[1]')[0];
        //now use your own way
        $(div).text();