给每个元素加click事件jquery和javascript实现方式 与each区别
来源:互联网 发布:运载火箭 模拟软件 编辑:程序博客网 时间:2024/06/08 16:43
- <script type="text/javascript">
- window.onload=function(){
- var items=document.getElementsByTagName("p");
- for(var i=0;i<items.length;i++){
- items[i].onclick=function(){
- alert("你点击了我");
- };
- }
- }
- </script>
- </head>
- <body>
- <p>测试1</p>
- <p>测试2</p>
- 下面是jquery的实现方式
- <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
- <script type="text/javascript" >
- $(function(){
- $("p").click(function(){
- alert("我被点击了");
- });
- });
- </script>
- </head>
- <body>
- <p>测试1</p>
- <p>测试2</p>
以上代码给每个元素添加了 click事件 不是遍历
$("img").each(function(i){ this.src = "test" + i + ".jpg"; });
会选取所有的img 然后对每个图片的地址进行设置
以上两者区别:给每个元素都添加了事件 each是遍历所有对象,对每个对象执行each里的函数
0 0
- 给每个元素加click事件jquery和javascript实现方式 与each区别
- 给某个标签添加click事件,通过jQuery写click方法的方式,如何实现
- JQuery 给元素绑定click事件 多次执行
- JQuery给元素绑定click事件多次执行的解决方法
- jQuery 用each() 添加click事件
- jquery遍历给每个子元素绑定事件
- 同类元素实现click事件
- 如何给元素绑定click点击事件
- 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
- 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
- jquery中$.each()与$().each()的用法和区别
- on('click')与.click()事件的区别
- jquery: click()与bind('click')的区别
- jquery 绑定动态元素的click事件
- jquery中的each如何给元素赋值
- [Javascript] JQuery $.each与$().each区别, for in 与 for of 区别
- javascript同一个元素同时绑定click和dblclick事件(同时单击和双击事件)
- Jquery实现双击行的同时不单计行(在Javascript中让单击Click和Double Click双击事件各自独立)
- PHP 5.3.0以上推荐使用mysqlnd驱动
- telnet 协议过程分析
- C# 生成CHM文件
- error: class " xxxxx " has no member of aaa; 二 error: identifier "aaa" is undefined
- 获取ip地址
- 给每个元素加click事件jquery和javascript实现方式 与each区别
- 马克鳗 - 设计稿标注、测量
- jstree插件学习笔记
- Linux Server 开机自动登录和自启动程序设置
- javascript正则表达式
- cocos2d 学习(1):安装
- 基姆拉尔森计算公式计算日期
- keepalived配置文件详解
- 【高性能MySQL】读书摘录1 - MySQL架构与历史