基于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 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
Aug 27 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
javascript实现移动端上传图片功能
Aug 18 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简单命令代码集锦
2007/09/24 PHP
php动态生成JavaScript代码
2009/03/09 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
PHP生成条形图的方法
2014/12/10 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
图标线性回归斜着移动到指定的位置
2013/08/16 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
3分钟掌握常用的JS操作JSON方法总结
2017/04/25 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
PyQt5每天必学之组合框
2018/04/20 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
python读写文件write和flush的实现方式
2020/02/21 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
Hotels.com中国区:好订网
2016/08/18 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
特色冷饮店创业计划书
2014/01/28 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
新闻稿件写作范文
2015/07/18 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
Vue项目中如何封装axios(统一管理http请求)
2021/05/02 Vue.js