在运行时设置href属性

Question

使用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'); 

在这两种情况下，请使用适当的选择器。如果您已为锚点元素设置类，请使用'.class-name'，如果您已为锚点元素设置了标识，请使用'#element-id'。

Answer 2

设置href属性与

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

和阅读使用

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

其中 “选择” 是任何有效的jQuery选择您<a>元素（ “.myClass” 或 “#myId”命名最简单的）。

希望这会有所帮助！

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>