jQuery href attr没有更新.click()事件

时间:2014-08-23 14:57:23

标签: jquery href attr

我正在学习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>

2 个答案:

答案 0 :(得分:4)

您的jQuery选择器显示#changeLink,但您元素的ID为ChangeLink(带有大写字母)。让它们都一样。

答案 1 :(得分:3)

你的身份证号错误,$("#ChangeLink").click(function()是大写-C - :

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

fiddle