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


Posted in Javascript onJune 14, 2012

完整测试代码:

<!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.3water.com/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>
Javascript 相关文章推荐
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 Javascript
jQuery操作select的实例代码
Jun 14 #Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 #Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 #Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 #Javascript
基于jQuery的360图片展示实现代码
Jun 14 #Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 #Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 #Javascript
You might like
第八节 访问方式 [8]
2006/10/09 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
对xmlHttp对象的理解
2011/01/17 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
Vue3为什么这么快
2020/09/23 Javascript
Python实现螺旋矩阵的填充算法示例
2017/12/28 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
Python应用库大全总结
2018/05/30 Python
用pycharm开发django项目示例代码
2018/10/24 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
eBay德国站:eBay.de
2017/09/14 全球购物
Linux的文件类型
2016/07/05 面试题
Java的类与C++的类有什么不同
2014/01/18 面试题
Unix/Linux开发面试题
2016/08/16 面试题
暑期实践思想汇报
2014/01/06 职场文书
房地产销售计划书
2014/01/10 职场文书
课前三分钟演讲稿
2014/04/24 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
精神病医院见习报告
2014/11/03 职场文书
2014年餐厅服务员工作总结
2014/11/18 职场文书
婚礼答谢礼品
2015/01/20 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
python中redis包操作数据库的教程
2022/04/19 Python