作家
登录

基于jQuery的遍历同id元素 并响应事件的代码

作者: 来源:www.28hudong.com 2013-03-30 00:27:34 阅读 我要评论

完整测试代码:复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery遍历同id元素,并响应消息</title> <script language="javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script> <script language="javascript"> $(document).ready(function(){ $("[id=test]").each(function(){ $(this).click(function(){ $(this).val('被单击'); alert('触发了单击消息!'); }); }); }); </script> </head> <body> <label for="test"></label> <input type="text" name="test" id="test" /> <br /><br /> <label for="test"></label> <input type="text" name="test" id="test" /> </body> </html>

  推荐阅读

  到处都是jQuery选择器的年代 不了解它们的性能,行吗

最近,我就对jQuery的选择器使用做了一些个小小的实验,用来说明jQuery的不同选择器在不同的情况下,哪个效率更高,更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。>>>详细阅读


本文标题:基于jQuery的遍历同id元素 并响应事件的代码

地址:http://www.17bianji.com/kaifa2/JS/23342.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)