如何使用Jquery 更改链接的href属性

可能重复：
如何使用jQuery更改超链接的href

我有这个链接：

Toggle 

如何使用Javascript / jquery更改此链接的href属性，以便链接变为：

 Toggle 

Answer 1

 $("#myLink_33").attr("href", "javascript:toggleMe(0);"); 

Answer 2

这当然会奏效，但我想提出一个替代方案。

HTML

 Toggle 

jQuery的/ JavaScript的

 $(document).ready(function(){ $('a.toggle').click(function (eventObject){ var target = $(eventObject.target); // will add or remove the class automatically target.toggleClass('toggle_on'); if(target.hasClass('toggle_on')){ /* toggle on code here */ alert('Toggle On'); } else{ /* toggle off code here */ alert('Toggle Off'); } }); }); 

这使您不必使用切换的href属性，并允许您通过样式和诸如此类的东西来控制事物。 虽然我对jQuery的经验并不是那么广泛但是这样的东西看起来有点传统。

Answer 3

根据我的经验，使用id选择器更改属性不会更新实际元素。
但是使用类和其他选择器将起作用。 所以

$('#myLink_33').attr('href','http://www.google.com')

将仅在查询时更改href属性的值，但是当实际选择链接时，它将默认为页面加载时拥有的href值。

但假设锚具有class="myLink_33" ，则attr更改，

 $('.myLink_33').attr('href','http://www.google.com') 

会按预期工作。