javascript - this.href 与 $(this).attr ('href' )

Question

看完这篇文章net.tutsplus.com/tutorials/javascript-ajax/14-helpful-jquery-tricks-notes-and-best-practices/我得出结论，使用 this.href 效率更高。

但是，当我尝试在我的一个项目中使用它时，我看到 this.href 不仅返回 href，还附加了一个网站的 url。例如<a href="tab-04"></a> this.href 将返回 http://example.com/abc/tab-04并且 $(this).attr('href') 将只返回 tab-04。

你可以在这里看到一个例子http://jsfiddle.net/UC2xA/1/ .

$(this).attr('href') 然而，返回的正是我所需要的，仅此而已。

我的问题是，如何重写(或做必要的事情)this.href 以便它只返回 tab-04？

编辑

道格，你的钱是对的

this.getAttribute('href')

Answer 1

纯 Javascript 中的 href 属性将附加语义。它返回链接将指向的目标 URL。它是如何编写的(绝对或相对 URL)并不重要。

当您使用 $(this).attr("href") 时，您将直接检索 href 属性的值，就像任何其他属性一样，因此它将返回在 HTML 中呈现的确切值。

对于你的情况，最好使用 $(this).attr("href")

如果您不想使用 jQuery，还有另一种解决方案，只使用纯 JavaScript:

this.getAttribute('href')