爱程序网

jquery为链接a元素注册click事件并避免跳转现象

来源: 阅读:

jquery为链接a元素注册click事件并避免跳转现象:
在实际应用中,可能需要将链接a作为一个普通的按钮使用,但是由于点击按钮会导致跳转动作,下面就通过代码实例介绍一下如何实现点击功能,并且不会出现跳转现象,代码如下:

<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("a[name='antzone']").click(function(){
    $("#thediv").text("蚂蚁部落欢迎您");
    return false;
  })
});
</script>
</head>
<body>
<div id="thediv"></div>
<a href="#" name="antzone">查看效果</a>
</body>
</html>

上面的代码实现了我们的要求,代码比较简单,也就是为链接注册click事件处理函数,并且在事件处理函数中return false,这样就可以阻止跳转效果了,更多内容可以参阅相关阅读。
相关阅读:
1.a[name='antzone']可以参阅jQuery的[attribute=value]选择器一章节。
2.click事件可以参阅jQuery的click事件一章节。
3.text()函数可以参阅jQuery的text()方法一章节。
4.return false可以参阅javascript中return false的作用是什么一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14626

更多内容可以参阅:http://www.softwhy.com/jquery/

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助