你的位置:首页 > Java教程

[Java教程]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/