基于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 相关文章推荐
初窥JQuery(二)事件机制(2)
Dec 06 Javascript
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
Apr 17 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
js实现弹窗居中的简单实例
Oct 09 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
使用layer弹窗,制作编辑User信息页面的方法
Sep 27 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 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
PHP 截取字符串函数整理(支持gb2312和utf-8)
2010/02/16 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
SyntaxHighlighter代码加色使用方法
2008/09/07 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
js document.write()使用介绍
2014/02/21 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
python打开音乐文件的实例方法
2020/07/21 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
如何唤起类中的一个方法
2013/11/29 面试题
物业管理专业求职信
2014/06/11 职场文书
班风口号
2014/06/18 职场文书
2014年采购部工作总结
2014/11/20 职场文书
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis