基于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下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
防止文件缓存的js代码
Jan 10 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
js中利用tagname和id获取元素的方法
Jan 03 Javascript
js自定义select下拉框美化特效
May 12 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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执行速度全攻略(上)
2006/10/09 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
php内核解析:PHP中的哈希表
2014/01/30 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
详解爬虫被封的问题
2019/04/23 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
Python 内存管理机制全面分析
2021/01/16 Python
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
大学生见习报告总结
2014/11/04 职场文书
2014年保卫工作总结
2014/12/05 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
MySQL常见优化方案汇总
2022/01/18 MySQL