选择器#id和[id $ ='id']之间有什么区别？

Question

两个陈述之间有什么区别：

 $("span[id$='id']").text(var);
  // And
 $("#id").text(var);

HTML代码为：<span class="normal11" id="id"></span>

Answer 1

第一个使用以选择器结束，而第二个使用普通的id选择器。

Attribute Ends With Selector [name$="value"]

ID Selector ("#id")

Answer 2

关于JQuery的文档：

$("#id")使用JavaScript函数document.getElementById（），这非常有效。 Link

所以，第二种方式应该更快，应该使用。

Answer 3

id选择器和属性选择器之间的一些不同是

由于id选择器名为document.getElementById（）， 它只返回id等于的第一个元素。

但是，如果使用属性选择器，它将返回id属性等于该属性的所有元素。

但重复的ID在HTML中实际上是无效的，并且永远不应该使用。

如果你真的想这样做，请改用class。

例如

$("#id-selector").click(function(){
    $("#test").css("color", "red");
});
$("#attr-selector").click(function(){
    $("*[id=test]").css("color", "blue");
});

http://jsfiddle.net/toucyqas/1/