基于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做一个小游戏平台 (一)
Dec 29 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
Apr 28 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 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
第十一节--重载
2006/11/16 PHP
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
jQuery获取file控件中图片的宽高与大小
2016/08/04 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
JavaScript继承与聚合实例详解
2019/01/22 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
使用python进行拆分大文件的方法
2018/12/10 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
合作协议书怎么写
2014/04/18 职场文书
2016年元旦主持词
2015/07/06 职场文书
百年校庆感言
2015/08/01 职场文书
学校少先队工作总结
2015/08/12 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书