`
lan13217
  • 浏览: 498061 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

jquery 相同ID 绑定事件

 
阅读更多

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 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效;

分享到:
评论

相关推荐

    对jQuery的事件绑定的一些思考(补充)

    然而,正如标题和描述所指出的,jQuery的事件绑定有时也会带来一些问题,比如内存消耗过大、动态生成元素需要重新绑定事件以及语法冗余。本文将深入探讨这些问题,并提供相应的解决方案。 首先,让我们看看jQuery中...

    jQuery键盘按钮响应事件代码.zip

    jQuery通过$.on()方法来绑定事件监听器。这个方法接受三个参数:事件类型、回调函数和可选的选择器。例如,要为一个id为"myButton"的按钮添加点击事件,可以这样写: ```javascript $("#myButton").on("click", ...

    JQuery中DOM事件绑定用法详解

    本文将详细探讨JQuery中DOM事件绑定的用法,重点关注其bind方法的使用技巧,并通过实例来说明其效果。 首先,我们来看看bind方法的基本用法。JQuery中的bind方法用于为匹配的元素集合中的每个元素绑定一个或多个...

    jQuery键盘按键按钮响应事件代码

    在这个阶段,我们可以绑定事件监听器到元素上,例如: ```javascript $(document).ready(function() { // 在这里绑定事件 }); ``` 键盘事件通常与`keydown`、`keyup`或`keypress`关联。`keydown`事件在按键被按下...

    关于Jquery的鼠标悬停事件

    这里,`on`方法用于绑定事件,`.childClass`是子元素的类选择器。这种方法减少了事件处理器的数量,提高了页面性能。 总结,jQuery的鼠标悬停事件提供了简单易用的方式来响应用户的鼠标操作,从而增强网页的互动性...

    jquery阻止事件冒泡

    jQuery库提供了方便的方式来处理DOM事件,包括阻止事件冒泡的功能。这个功能在构建交互式网页时非常有用,可以避免不必要的事件处理或者防止多次执行相同的操作。 jQuery中的`event.stopPropagation()`方法是阻止...

    jQuery 的加载事件

    但是这种方式更加灵活,可以在任何时候绑定事件监听器,而不仅仅是页面加载时。 **示例代码:** ```javascript $(window).on('load', function(){ // 整个页面已经加载完成 console.log('页面加载完成'); }); ``...

    jQuery的三种bind/One/Live/On事件绑定使用方法

    `bind()`是jQuery中最早用于绑定事件的方法,它可以将一个或多个事件处理函数附加到指定元素。例如,以下代码会为ID为`id`的元素添加点击事件监听器: ```javascript $("#id").bind('click', function() { alert...

    JavaScript中利用jQuery绑定事件的几种方式小结

    本文将介绍几种在JavaScript中利用jQuery库来绑定事件的方法,同时也包括在不使用jQuery的情况下,利用纯JavaScript实现事件绑定的方式。 ### 1. 使用jQuery绑定事件 #### 方法一:直接使用jQuery对象的事件方法 ...

    js回车事件绑定.txt

    下面的代码示例展示了如何使用jQuery来绑定回车键事件: ```javascript // 使用jQuery绑定回车键事件 $("#inputtag").bind("keydown", function (e) { // 获取事件对象 var theEvent = e || window.event; var ...

    jQuery实现的事件绑定功能基本示例

    - jQuery选择器:在示例代码中使用了`#`来选择ID为特定值的元素,并对其绑定事件。这是使用jQuery时经常用到的选择器之一。 - jQuery对象和DOM对象:在JavaScript中操作DOM元素时,通过jQuery包装后的对象称之为...

    jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    ### jQuery绑定事件监听bind()与移除事件监听unbind()用法详解 #### 1. jQuery事件监听概念 在网页设计中,事件监听是一种常见的需求,主要作用是当用户与网页上的元素发生交互时,能够触发特定的代码执行,响应...

    jQuery 防止相同的事件快速重复触发方法

    最后,文档提供了使用jQuery.on()方法的示例,将事件监听绑定到指定的DOM元素上,并在点击事件触发时调用delay_till_last函数。这样,就可以在用户连续点击时,通过延时等待机制,减少事件的重复触发。 总结来看,...

    jquery事件介绍

    jQuery提供了多种简便的方式来绑定事件,最常用的就是使用像`.click()`、`.focus()`、`.blur()`、`.change()`这样的方法。这些方法实际上是`.on()`方法的快捷方式,用于绑定单一类型的事件。 **示例代码**: ```...

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

    在这种情况下,我们可以使用jQuery库来遍历这些具有相同ID的元素,并为它们绑定事件。 首先,要理解jQuery中的选择器和遍历方法。在jQuery中,选择器用来选取DOM元素。标准做法是使用ID选择器(例如#test)来选取一...

    jquery

    3. **事件处理**:jQuery统一了事件绑定的方式,`click()`、`mouseover()`等方法使得事件处理变得简单。同时,`event.preventDefault()`和`event.stopPropagation()`等方法能更好地控制事件流。 4. **动画效果**:...

    jquery mobile事件多次绑定示例代码

    jQuery Mobile通过pageinit事件来初始化每个页面,为开发者提供了一个很好的机会来绑定事件。 在本篇文章中,我们将探讨如何在jQuery Mobile中实现事件的多次绑定,以便在页面每次初始化时,都能够绑定新的事件处理...

    jQuery优化

    在绑定事件处理函数时,可以将事件绑定到共同的父元素上,利用事件冒泡来减少事件处理器的数量,提高性能。 ### 8. 消除无效查询 确保选择器返回的元素是需要的,避免不必要的遍历。例如,如果已知元素一定存在,...

    Jquery相册图片滚动

    3. **jQuery代码**:通过jQuery选择器找到相关的DOM元素,绑定点击事件,编写动画逻辑,实现图片的切换和滚动。 4. **优化与响应式**:考虑性能优化,如使用`.delegate()`或`.on()`的事件委托,以及确保相册在不同...

    jquery操作表单案例

    在提供的“最简单,实用的jquery操作表单案例”中,你可能会看到这些功能的实现,例如动态改变表单元素的值、根据用户输入响应的事件绑定,以及基于用户操作的交互式表单更新等。通过学习和理解这些案例,你可以更好...

Global site tag (gtag.js) - Google Analytics