基于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 数组学习资料收集
Apr 11 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
在vue中使用echarts图表实例代码详解
Oct 22 Javascript
vue移动端的左右滑动事件详解
Jun 17 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/01/02 PHP
PHP字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
php中url传递中文字符,特殊危险字符的解决方法
2013/08/17 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
Vue中全局变量的定义和使用
2019/06/05 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
Python函数学习笔记
2008/10/07 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
python可以用哪些数据库
2020/06/22 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
用友笔试题目
2016/10/25 面试题
自我评价的正确写法
2013/09/19 职场文书
绘画专业自荐信
2014/07/04 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
小学教师年度个人总结
2015/02/05 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技