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的元素和一个这个名字的锚点,你可以选择所有这些.