基于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 相关文章推荐
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
javascript中的继承实例代码
Apr 27 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
最简单的tab切换实例代码
May 13 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
Nov 06 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
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
我的群发邮件程序
2006/10/09 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
jquery 列表双向选择器之改进版
2013/08/09 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
py中的目录与文件判别代码
2008/07/16 Python
Python生成验证码实例
2014/08/21 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
python中partial()基础用法说明
2018/12/30 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
携程英文网站:Trip.com
2017/02/07 全球购物
Joules美国官网:出色的英国风格
2017/10/30 全球购物
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
班主任班级寄语大全
2014/04/04 职场文书
军人离婚协议书样本
2014/10/21 职场文书
感谢信范文大全
2015/01/23 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书