基于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面向对象编程 for Cookie
Sep 19 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 Javascript
JS实现保留n位小数的四舍五入问题示例
Aug 03 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
JS实现瀑布流布局
Oct 21 Javascript
JavaScript偏函数与柯里化实例详解
Mar 27 Javascript
angular 表单验证器验证的同时限制输入的实现
Apr 11 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 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
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
浅析php创建者模式
2014/11/25 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
JavaScript 事件参考手册
2008/12/24 Javascript
javascript concat数组累加 示例
2009/09/03 Javascript
JavaScript 语法集锦 脚本之家基础推荐
2009/11/15 Javascript
js读取本地excel文档数据的代码
2010/11/11 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
[01:11:10]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG加赛
2014/05/26 DOTA
python3 requests库文件上传与下载实现详解
2019/08/22 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
生产车间班组长岗位职责
2014/01/06 职场文书
文案策划求职信
2014/04/14 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
市场营销计划书范文
2015/01/16 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL
redis数据结构之压缩列表
2022/03/21 Redis
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android