在jQuery中通过ID引用元素的最佳方法是什么？

Question

我应该使用$("#myElement")还是$(myElement)？两者似乎都有效。

Answer 1

编辑：$('#myElement')选择DOM中id myElement的元素，而$(myElement)则需要JavaScript标识{ {1}}是myElement个对象或包含选择器的DOMElement。

Answer 2

您应该使用jQuery selectors page 作为参考。

有很多选择器可供选择。尝试每一个。以下是您在问题中与其他2个人一起引用的两个：

$("#myElement")    // select and element with the ID "myElement"
$(myElement)       // use the variable myElement as your jQuery selector

$(document)        // The selector can also a DOM OBJECT
                   // document, window ...

$("body")          // To select a DOM element use this form

例如，这将隐藏页面上的所有段落。由于变量myElement为"p"，$(myElement)会将页面上的所有段落选为jQuery对象。

var myElement = "p";
$(myElement).hide();

的 jsFiddle example

这将提醒窗口的可见宽度：

alert($(window).width());

这将使用ID myElement

提醒DIV的内容

alert($("#myElement").html());

所有这一切都意味着，如果变量$("#myElement")为$(myElement)或以相同的方式运作，myElement将仅选择与"#myElement"相同的内容。