Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",f
jquery中的live()事件用到的是事件委托机制,什么是事件委托机制呢?事件委托机制就是发生事件的元素本身不处理,而是把事件的处理委托给其父元素甚至是根元素。比如有以下代码,当为每个li元素分派click事件,点击li元素,click事件会从li冒泡到ul,最后到body(即document对象),因此,发生在li上的事件ul和body同样可以处理.利用事件冒泡这个原理,就可以实现事件委托了。
转载 2023-05-31 13:50:19
100阅读
live可以说是bind是方法的变种。二者的主要区别就是live方法的作用机理是事件委托,live方法的作用机理是将事件绑定DOM的根节点上。live方法的处理机制就是把事件绑定在DOM树的根节点上,而不是直接绑定在某个元素上。举一个例子来说明:            &nbsp
转载 2023-05-24 10:36:35
81阅读
  前阵子写代码的时候,遇到前面人留下的jquery . 一直不会jquery, 硬着头皮,上了.  发现里面有一个很有意思的 函数 live  jquerylive 这一函数让我初始觉得很神奇.  比如<div id="c"> <li>1</li> <li>2<
jquery动态生成的页面元素添加事件?使用livequery插件,或可以使用jquerylive方法。摘录一段live简单使用方法。更多详情还见官网 http://api.jquery.com/live/live(type, [data],fn)概述jQuery给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind() 方法的一个
    jQuery事件 -- live    ----------   给所有匹配元素附加一个事件处理函数,即使这个元素
原创 2023-06-26 06:21:26
21阅读
一个页面,试用ajax获取到一段代码,想监听这段代码的click时间,但是试用bind方法不行。后面试用live方法,它的使用和bind差不多。
原创 2013-11-14 15:18:51
260阅读
$("button").live("click",function(){ $("p").slideToggle();}); ive() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本
原创 2021-07-28 14:44:18
190阅读
翻译整理:Young.J 官方网站:http://jquery.com    jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!    下载地址:Starterkit (http://jquery.bas
jQuery 使用手册,大家可以耐心的看完,就基本上入门了。一:核心部分$(expr)说明:该函数可以通过css选择器,Xpath或Html代码来匹配目标元素,所有的jQuery操作都以此为基础 参数:expr:字符串,一个查询表达式或一段html字符串例子: 未执行jQuery前: <p>one</p> <div> <p>two&l
jQuety参考手册免费下载百度网盘链接 提取码: 2t1s
jquery 的事件委托与 live 方法的结合使用曾是前端开发中的重要内容,但在 jQuery 更新和发展后,很多开发者逐渐停止使用 live 方法。本文将详细描述 jquery 事件委托和 live 的问题,并总结解决方案。通过分析适用场景、技术演进、架构对比、特性拆解、实战对比、深度原理和生态扩展,帮助读者理解如何更好地使用事件委托。 在讨论背景之前,我们首先了解它的适用场景。通常情况下,
原创 5月前
21阅读
.live(events, function) .on(eventType, selector, function) .live()函数在jquery 1.9的时候已被移除,jquery 1.9+ 需要...
原创 2021-08-13 14:12:05
93阅读
开始的时候在jQuery.1.7.1中使用了.live()觉得很好用,特别是在绑定事件之后再加入的元素的事件绑定上很方便(第一次live之后以后添加的元素就不需要绑定啦)后来jQuery更新到1.9.1,页面中的.live报错:"has no method live", 后来查了文档才知道在新版本中做了修改。jQuery.1.8.1:$("#liveID").live("click",function(){alert("live click");});jQuery.1.9.1:$(document).on(&quo
转载 2013-02-25 10:52:00
162阅读
2评论
jquery live()方法 语法 作用:live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。大理石构件来图加工 语法:$(selector).live(e
转载 2019-12-02 15:45:00
133阅读
2评论
jQuery 1.9 .live() is not a function 问题 I recently updated jQuery from 1.8 to 2.1. I suddenly discovered that the .live() stops working. I get the err ...
转载 2021-08-05 15:44:00
293阅读
2评论
       今天在和同事聊天的时候聊到了关于JQuery中bind事件和live事件的使用,感觉在日常代码中大多使用的都是bind很少接触live,一直以来对于bind的事件绑定都挺顺手的就没想着去调整使用live,今天因为这个讨论重新了解JQuery的事件绑定机制,发现原来bind方法一直都存在缺陷,而live方法相当于是对bind的
转载 2023-12-17 16:01:18
59阅读
实例 当点击按钮时,隐藏或显示 p 元素: $("button").live("click",function(){ $("p").slideToggle(); }); 定义和用法 live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。语法$
根据jQuery的官方描述,live方法在1.7中已经不建议使用,在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。  on方法可以接受三个参数:事件名、触发选择器、事件函数。需要特别注意的是:on方法中间的这个触发选择器就是你将要添加的HTML元素的类名、id或者元素名,使用它就可以实现live的效果。例如我的html文档中已经有了一个id为parent的div,我将要在这个di
jQuery live() 方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说:<body> &l
  • 1
  • 2
  • 3
  • 4
  • 5