基于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之编码规范 推荐
May 23 Javascript
Javascript变量作用域详解
Dec 06 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
小程序实现左滑删除效果
Jul 25 Javascript
详解利用eventemitter2实现Vue组件通信
Nov 04 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
删除及到期域名的查看(抢域名必备哦)
2008/05/14 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
基于PHP文件操作的详细诠释
2013/06/21 PHP
PHP云打印类完整示例
2016/10/15 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
jquery弹出框的用法示例(一)
2013/08/26 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
详解 javascript对象创建模式
2020/10/30 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
学习python (1)
2006/10/31 Python
Python中for循环控制语句用法实例
2015/06/02 Python
使用python3构建文件传输的方法
2019/02/13 Python
详解python算法之冒泡排序
2019/03/05 Python
使用python画社交网络图实例代码
2019/07/10 Python
Python变量作用域LEGB用法解析
2020/02/04 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
python如何爬取动态网站
2020/09/09 Python
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
毕业生找工作的自我评价
2013/10/18 职场文书
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
电话客服工作职责
2014/07/27 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
市场部岗位职责范本
2015/04/15 职场文书
sql注入教程之类型以及提交注入
2021/08/02 MySQL
MySQL中order by的使用详情
2021/11/17 MySQL