javascript - JQuery:使用#[objectId] 或 [id=objectId] 引用元素有什么区别

Question

谁能告诉我使用
#[objectId] 或 [id=objectId] 引用元素有什么区别？

Answer 1

第一个非常快，因为 jQuery 内部使用 getElementById当它识别出模式时(使用正则表达式)。

第二个要求 jQuery 遍历所有具有 id 的对象。这很慢。在这种情况下，jQuery 在找到一个匹配项时甚至不会停止迭代。

使用 [id... 的唯一合法理由选择器是当您不只是按确切的 id 搜索时，例如您可能想搜索 id 以 "something" 开头的所有元素。使用 $('[id^=something]') .

假设你有一个有效的 HTML ( no reused id ) 和一个有效的 id，你仍然会遇到 $('#'+someId) 的问题。 (例如，当您的 ID 包含引号或任何破坏 Sizzle 模式识别系统的内容时)。在这种情况下，使用 $(document.getElementById(someId)) .

---

根据您的评论:是的，"@"在 ID 中使 Sizzle(jQuery 的选择器引擎)无法理解您的选择器。 Sizzle 使用以下正则表达式:

rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,

和/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/.test('#som@thing')返回 false .