jQuery一些简单的代码简化,循环链接的完整例子

最新推荐文章于 2023-01-05 10:03:22 发布

yanleigis

最新推荐文章于 2023-01-05 10:03:22 发布

阅读量1.3k

点赞数

分类专栏： javascript html web 文章标签： jquery javascript function 脚本任务 div

本文链接：https://blog.csdn.net/yanleigis/article/details/3869705

版权

javascript 同时被 2 个专栏收录

67 篇文章 0 订阅

订阅专栏

html web

40 篇文章 0 订阅

订阅专栏

下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如清单 1 所示。

显示了使用 jQuery 实现的相同的功能。

<html> <head> <SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT> <SCRIPT language=JavaScript> $("document").ready(function(){ $('#external_links a').click(function() { return confirm('You are going to visit: ' + this.id); }); }) </script> </head> <body> <div id='external_links'> <a id=1 href="#" mce_href="#" >1</a> <a id=2 href="#" mce_href="#" >2</a> <a id=3 href="#" mce_href="#" >3</a> <a id=4 href="#" mce_href="#" >4</a> <a id=5 href="#" mce_href="#" >5</a> <a id=6 href="#" mce_href="#" >6</a> </div> </body> </html>

参考:http://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html#list2

yanleigis

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery一些简单的代码简化,循环链接的完整例子

下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如清单 1 所示。 <!--function getvalue() { var external_links = document.getEl
复制链接

扫一扫