Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择器id和[id$='id']之间有什么区别?_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 选择器id和[id$='id']之间有什么区别?,javascript,jquery,html,Javascript,Jquery,Html,两种说法的区别是什么: $("span[id$='id']").text(var); // And $("#id").text(var); HTML代码是:第一个代码使用带选择器的ends,而第二个代码仅使用普通id选择器 通过JQuery上的文档: $id使用JavaScript函数document.getElementById,这非常高效 因此,第二种方法应该更快,并且应该使用。id选择器和属性选择器之间的一些不同是 由于id选择器名为document.getElementById

两种说法的区别是什么:

 $("span[id$='id']").text(var);
  // And
 $("#id").text(var);
HTML代码是:

第一个代码使用带选择器的ends,而第二个代码仅使用普通id选择器


通过JQuery上的文档:

$id使用JavaScript函数document.getElementById,这非常高效


因此,第二种方法应该更快,并且应该使用。

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");
});

第一个是以选择器结尾的属性,第二个是id选择器。就这些\问题标题和问题正文不同…:-?vs不知道为什么人们会对这个问题投反对票,因为Id选择器使用JavaScript函数document.getElementById,它的速度更快。