选择器#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/