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/