在运行时设置href属性

使用jQuery在运行时设置<a>标签的href属性的最佳方法是什么？

另外，如何使用jQuery获取<a>标签的href属性的值？

Answer 1

要获取或设置HTML元素的属性，可以使用jQuery中的element.attr()函数。

要获取href属性，请使用以下代码：

 var a_href = $('selector').attr('href'); 

要设置href属性，请使用以下代码：

 $('selector').attr('href','http://example.com'); 

在这两种情况下，请使用适当的select器。 如果已经为anchor元素设置了类，请使用'.class-name' ，如果已经为anchor元素设置了id，请使用'#element-id' 。

Answer 2

使用设置href属性

 $(selector).attr('href', 'url_goes_here'); 

并阅读使用

 $(selector).attr('href'); 

其中“select器”是你的<a>元素（“.myClass”或“#myId”来命名最简单的）的任何有效的jQueryselect器。

希望这可以帮助 ！

Answer 3

在jQuery 1.6+最好使用：

$(selector).prop('href',"http://www...")来设置值和

$(selector).prop('href') 获取值

简而言之， .prop获取并设置DOM对象的值， .attr获取并设置HTML中的值。 这使得.prop在某些情况下速度更快，可能更可靠。

Answer 4

 <style> a:hover { cursor:pointer; } </style> <script type="text/javascript" src="lib/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".link").click(function(){ var href = $(this).attr("href").split("#"); $(".results").text(href[1]); }) }) </script> <a class="link" href="#one">one</a><br /> <a class="link" href="#two">two</a><br /> <a class="link" href="#three">three</a><br /> <a class="link" href="#four">four</a><br /> <a class="link" href="#five">five</a> <br /><br /> <div class="results"></div>