基于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中节点的最近的相关节点访问方法
Mar 20 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
Vue表单之v-model绑定下拉列表功能
May 14 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上传文件,创建递归目录的实例代码
2013/10/18 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
jQuery链使用指南
2015/01/20 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
初探nodeJS
2017/01/24 NodeJs
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
解读Python编程中的命名空间与作用域
2015/10/16 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
Python对List中的元素排序的方法
2018/04/01 Python
python处理csv中的空值方法
2018/06/22 Python
Python subprocess库的使用详解
2018/10/26 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
对python函数签名的方法详解
2019/01/22 Python
python manage.py runserver流程解析
2019/11/08 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
python爬虫 requests-html的使用
2020/11/30 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
HTML5 新旧语法标记对我们有什么好处
2012/12/13 HTML / CSS
中专生自我鉴定书范文
2013/12/28 职场文书
《忆江南》教学反思
2014/04/07 职场文书
银行招聘自荐信
2015/03/06 职场文书
就业导师推荐信范文
2015/03/27 职场文书
远程教育培训心得体会
2016/01/09 职场文书
python代码实现扫码关注公众号登录的实战
2021/11/01 Python
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸