jQuery href attr 不会在 .click() 事件上更新答案

【问题标题】：jQuery href attr doesn't update on .click() eventjQuery href attr 不会在 .click() 事件上更新
【发布时间】：2014-10-17 06:20:35
【问题描述】：

我正在学习 jQuery 的基础知识，并且认为这应该基于我目前所学的内容。为什么 href 不随按钮单击事件更新？

谢谢

（jQuery .js 已正确加载到标头中）

<div>
<input id = "ChangeLink" type="submit" value="Change Link"/>
</div>

<div class="divClass">
<ul id="defaultList">
    <li><a id="link1" href="#">Item 0</a></li>
</ul>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $("#changeLink").click(function() {
        $("#link1").attr('href', 'http://www.google.com');
    });
});
</script>

【问题讨论】：

你应该使用.prop()而不是.attr()

标签： jquery href attr

【解决方案1】：

您的 jQuery 选择器显示 #changeLink，但您元素的 id 是 ChangeLink（带有大写字母）。让它们都一样。

【讨论】：

（如果您选择一个答案，那么您的问题将不会向其他用户显示为未解决）

【解决方案2】：

你的 id 有误，是 $("#ChangeLink").click(function() 大写 -C-:

$("#ChangeLink").click(function() {
        $("#link1").attr('href', 'http://www.google.com');
        return false;
    });

fiddle

【讨论】：