编程 Javascript

基于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技巧

Dec 06 Javascript

时间戳转换为时间年月日时间的JS函数

Aug 19 Javascript

Jquery下EasyUI组件中的DataGrid结果集清空方法

Jan 06 Javascript

Javascript中设置默认参数值示例

Sep 11 Javascript

详解JavaScript中Date.UTC()方法的使用

Jun 12 Javascript

对Vue- 动态元素属性及v-bind和v-model的区别详解

Aug 27 Javascript

JavaScript设计模式之命令模式实例分析

Jan 16 Javascript

JS基于对象的链表实现与使用方法示例

Jan 31 Javascript

微信小程序云开发（数据库）详解

May 17 Javascript

如何换个角度使用VUE过滤器详解

Sep 11 Javascript

关于layui时间回显问题的解决方法

Sep 24 Javascript

js+css实现扇形导航效果

Aug 18 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

基于jQuery的遍历同id元素 并响应事件的代码

基于jQuery的遍历同id元素并响应事件的代码