- 浏览: 498061 次
- 性别:
文章分类
- 全部博客 (369)
- Java (48)
- Struts (1)
- Spring (4)
- Hibernate (7)
- WebServices (2)
- XML (3)
- web服务器 (12)
- PHP (16)
- FLEX (13)
- Flash (7)
- JavaScript (35)
- Ajax (4)
- Jquery (18)
- EXTJS (7)
- CSS (7)
- HTML (7)
- JSON (5)
- 好玩的 (1)
- 其他 (21)
- Oracle (35)
- mysql (12)
- Linux (12)
- JDBC (2)
- EJB3 (1)
- AOP (1)
- 正则表达式 (6)
- JSF (1)
- 设计模式 (1)
- RBAC (1)
- PowerDesigner (1)
- windows (1)
- 电脑工具软件 (3)
- SEO (3)
- maven (13)
- cms (9)
- JSP (5)
- jpbm (1)
- eclipse (8)
- sql (4)
- android (3)
- 浏览器 (5)
- 国外IT网站 (1)
- 文摘 (1)
- 文档 (31)
- doc命令 (1)
- webgl (1)
- html5 (1)
- ant (1)
- mongodb (0)
- 操作系统 (1)
- Dreamweaver (1)
- hadoop (2)
- xpath (1)
- nutch (1)
- window (1)
- xm (2)
- excel (1)
- httpclient (0)
- YII (2)
- CXF (1)
- Quartz (1)
- jsoup (2)
- wifi (2)
- logback (1)
- 硬件 (1)
- 工具 (3)
- freemark (1)
- ide (2)
- mail (1)
- log (1)
- ueditor (1)
- 链接 (1)
- reaver (2)
- js (1)
- .net (1)
- chrome (1)
- git (1)
- Docker (1)
- unicode (1)
- 多线程 (1)
- 并发 (1)
- Nashorn (3)
- Angular (1)
- curl (1)
- Cygwin (1)
- nashron (1)
- Babel (1)
- React Native (1)
- sip (1)
- openmeetings (1)
- IDEA (0)
- CAS (1)
最新评论
-
沉醉音乐的咖啡:
使用 preventDefault() 函数来阻止对表单的提交。 -
PhoenixHorse:
原表的索引啥的不就失效了吗
oracle修改表精度 -
yupengcc:
资料带走 3Q
RBAC模型 -
Java路:
...
JSON-LIB快速入门(转) -
damoqiongqiu:
utf-8下,E文字符占1个字节,中文字符占3个字节。如果一个 ...
AS3:截取定长度的字符串
http://hi.baidu.com/meneye/blog/item/1e3e871e5f95f5034034177c.html
案例:
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
问题:
$("div1").bind("click",function(){
alert($(this).val());
});
我们绑定到了div1,当我们点击div时,只有第一个div 弹出了alert了,其它的都没有弹出。
目标:
想了每一个div都绑定一个事件
解决:
$("div1").live("click",function(){
alert($(this).val());
})
以下绑定事件方法的区别:
bind:为每个匹配元素的特定事件绑定事件处理函数;
live:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效;
发表评论
-
easyui 只读
2016-01-15 16:26 700function disableForm(jqForm) ... -
Ctrl + Key Combination – Simple Jquery Plugin
2014-12-31 12:26 564http://www.gmarwaha.com/blog/20 ... -
jquery 控制 select radio checkbox input 不可修改
2012-10-26 20:44 4873$("#formTab5,#formTab4 ... -
jquery 设置页面iframenei的body样式
2012-05-09 17:59 2365jquery 设置页面iframenei的body样式 $ ... -
jquery 文档
2012-02-13 12:49 834jquery 文档 源码 -
JavaScript合并两个Json对象属性为一个对象
2011-12-20 12:50 12962/** * 序列化表单为json对象 */ ... -
jquery tmpl 添加索引
2011-12-05 12:38 1729要为默认添加$index可修改jquery-tmpl.js ... -
jQuery Template Markup and JSP Expression Language (EL)
2011-12-01 15:14 1307Maybe it is "great minds t ... -
jquery获取指定元素的后代元素
2011-11-30 16:42 1182find(expr) 搜索所有与指定表达式匹配的元素。这个函数 ... -
执行AJAX返回HTML片段中的JavaScript脚本
2011-11-29 13:27 1106如果AJAX加载的数据是一个HTML片段,而且这个HT ... -
用 jQuery 获取 iframe 父页面元素
2011-11-28 11:13 1286用 jQuery 获取 iframe 父页面元素 在ifr ... -
jQuery template
2011-11-24 23:26 854jQuery template -
鼠标滚轮显示列表
2011-11-07 13:27 796鼠标滚轮显示列表 -
jquery 小例子
2010-10-11 15:46 842<p>jquery</p> http: ... -
jquery 表单验证 菜单 分页插件
2010-09-24 22:14 1086http://www.wizzud.com/ ... -
jQuery 树状展现 插件 Treeview
2010-01-28 15:41 2415jQuery 树状展现 插件 Treeview -
jquery基本选择器
2010-01-28 09:54 826转http://wangjiaddr.iteye.com/ ...
相关推荐
然而,正如标题和描述所指出的,jQuery的事件绑定有时也会带来一些问题,比如内存消耗过大、动态生成元素需要重新绑定事件以及语法冗余。本文将深入探讨这些问题,并提供相应的解决方案。 首先,让我们看看jQuery中...
jQuery通过$.on()方法来绑定事件监听器。这个方法接受三个参数:事件类型、回调函数和可选的选择器。例如,要为一个id为"myButton"的按钮添加点击事件,可以这样写: ```javascript $("#myButton").on("click", ...
本文将详细探讨JQuery中DOM事件绑定的用法,重点关注其bind方法的使用技巧,并通过实例来说明其效果。 首先,我们来看看bind方法的基本用法。JQuery中的bind方法用于为匹配的元素集合中的每个元素绑定一个或多个...
在这个阶段,我们可以绑定事件监听器到元素上,例如: ```javascript $(document).ready(function() { // 在这里绑定事件 }); ``` 键盘事件通常与`keydown`、`keyup`或`keypress`关联。`keydown`事件在按键被按下...
这里,`on`方法用于绑定事件,`.childClass`是子元素的类选择器。这种方法减少了事件处理器的数量,提高了页面性能。 总结,jQuery的鼠标悬停事件提供了简单易用的方式来响应用户的鼠标操作,从而增强网页的互动性...
jQuery库提供了方便的方式来处理DOM事件,包括阻止事件冒泡的功能。这个功能在构建交互式网页时非常有用,可以避免不必要的事件处理或者防止多次执行相同的操作。 jQuery中的`event.stopPropagation()`方法是阻止...
但是这种方式更加灵活,可以在任何时候绑定事件监听器,而不仅仅是页面加载时。 **示例代码:** ```javascript $(window).on('load', function(){ // 整个页面已经加载完成 console.log('页面加载完成'); }); ``...
`bind()`是jQuery中最早用于绑定事件的方法,它可以将一个或多个事件处理函数附加到指定元素。例如,以下代码会为ID为`id`的元素添加点击事件监听器: ```javascript $("#id").bind('click', function() { alert...
本文将介绍几种在JavaScript中利用jQuery库来绑定事件的方法,同时也包括在不使用jQuery的情况下,利用纯JavaScript实现事件绑定的方式。 ### 1. 使用jQuery绑定事件 #### 方法一:直接使用jQuery对象的事件方法 ...
下面的代码示例展示了如何使用jQuery来绑定回车键事件: ```javascript // 使用jQuery绑定回车键事件 $("#inputtag").bind("keydown", function (e) { // 获取事件对象 var theEvent = e || window.event; var ...
- jQuery选择器:在示例代码中使用了`#`来选择ID为特定值的元素,并对其绑定事件。这是使用jQuery时经常用到的选择器之一。 - jQuery对象和DOM对象:在JavaScript中操作DOM元素时,通过jQuery包装后的对象称之为...
### jQuery绑定事件监听bind()与移除事件监听unbind()用法详解 #### 1. jQuery事件监听概念 在网页设计中,事件监听是一种常见的需求,主要作用是当用户与网页上的元素发生交互时,能够触发特定的代码执行,响应...
最后,文档提供了使用jQuery.on()方法的示例,将事件监听绑定到指定的DOM元素上,并在点击事件触发时调用delay_till_last函数。这样,就可以在用户连续点击时,通过延时等待机制,减少事件的重复触发。 总结来看,...
jQuery提供了多种简便的方式来绑定事件,最常用的就是使用像`.click()`、`.focus()`、`.blur()`、`.change()`这样的方法。这些方法实际上是`.on()`方法的快捷方式,用于绑定单一类型的事件。 **示例代码**: ```...
在这种情况下,我们可以使用jQuery库来遍历这些具有相同ID的元素,并为它们绑定事件。 首先,要理解jQuery中的选择器和遍历方法。在jQuery中,选择器用来选取DOM元素。标准做法是使用ID选择器(例如#test)来选取一...
3. **事件处理**:jQuery统一了事件绑定的方式,`click()`、`mouseover()`等方法使得事件处理变得简单。同时,`event.preventDefault()`和`event.stopPropagation()`等方法能更好地控制事件流。 4. **动画效果**:...
jQuery Mobile通过pageinit事件来初始化每个页面,为开发者提供了一个很好的机会来绑定事件。 在本篇文章中,我们将探讨如何在jQuery Mobile中实现事件的多次绑定,以便在页面每次初始化时,都能够绑定新的事件处理...
在绑定事件处理函数时,可以将事件绑定到共同的父元素上,利用事件冒泡来减少事件处理器的数量,提高性能。 ### 8. 消除无效查询 确保选择器返回的元素是需要的,避免不必要的遍历。例如,如果已知元素一定存在,...
3. **jQuery代码**:通过jQuery选择器找到相关的DOM元素,绑定点击事件,编写动画逻辑,实现图片的切换和滚动。 4. **优化与响应式**:考虑性能优化,如使用`.delegate()`或`.on()`的事件委托,以及确保相册在不同...
在提供的“最简单,实用的jquery操作表单案例”中,你可能会看到这些功能的实现,例如动态改变表单元素的值、根据用户输入响应的事件绑定,以及基于用户操作的交互式表单更新等。通过学习和理解这些案例,你可以更好...