HTML锚点为什么叫hash,javascript – jQuery this.hash行为在页面锚点链接

this.hash将返回“#foo”,这也是一个有效的

ID selector [docs].因此$(this.hash)与$(“#foo”)相同,并将选择ID为foo的元素.

在第二个例子中,您没有ID栏的元素.因此$(this.hash)将不会选择任何元素,而target.length将为0.

也许你感到困惑的是,尽管没有显示警报,但浏览器仍然跳转到< a name =“bar”>< / a>.浏览器的行为与jQuery不一样.

This attribute names the current anchor so that it may be the destination of another link. The value of this attribute must be a unique anchor name. The scope of this name is the current document. Note that this attribute shares the same name space as the id attribute.

因此,如果浏览器识别URL中的哈希(片段标识符),它会尝试使用该ID找到第一个元素,或者使用该名称找到第一个元素.

相比之下,CSS ID选择器(这是jQuery正在使用的)只搜索具有该ID的元素,而不是(a)具有该名称的元素.在内部,jQuery正在使用document.getElemenById.

如果哈希值总是引用一个ID或一个名称,您可以使用多个选择器进行一个选择：

$(this.hash + ', a[name="' + this.hash.substr(1) + '"]')

如果有一个这个ID的元素和一个这个名字的锚点,你可以选择所有这些.