javascript - Jquery $(#id) 和 $([id=]) 有什么区别

Question

当我在我的程序中遇到这个时，我有点困惑。所以我想知道是否有人知道这里的交易是什么。毕竟我对 Jquery 还很陌生。

为什么:

$('[id="' + nameOftheID + '"]').append("Append some text");

为我工作。

还

$("#" + nameOftheID).append("Append some text");

不适合我。在这种情况下，'nameOftheID' 是一个 var，它与我试图附加一些文本的 span 的 ID 完全相同(我在调试中测试并确认了这一点)。为什么基于 ID 的普通 # 选择器不为我附加文本。但是另一种方法呢？

我的代码最终有效。我只想知道为什么 A 有效而 B 无效。

我的ID名称是“Ruleset[0].Conditions[0]”

Answer 1

你必须使用\\作为转义字符

#Ruleset\\[0\\]\.Conditions\\[0\\]

下面是两个选择器的区别:

$("#" + nameOftheID).append("Append som text");

上面的代码是通过ID选择元素，这里的语法是使用#。

和

$('[id="' + nameOftheID + '"]').append("Append some text");

这位于属性选择器下，您可以在其中限制对特定标签的选择，如下所示

$('input[id="inputId"]').append("Append some text");// here it will check the id attribute of input tag only

此外，属性选择器可用于查找值以某些文本开头的元素，例如查找 ID 以“nameOf”开头的输入

$('input[id^="nameOf"]').append("Append some text");

因此，属性选择器可用于获取具有更多过滤或更精确选择的元素。请在选择器上查找更多信息 here .