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
55阅读
给jquery动态生成的页面元素添加事件?使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。更多详情还见官网 http://api.jquery.com/live/live(type, [data],fn)概述jQuery给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind() 方法的一个
前阵子写代码的时候,遇到前面人留下的jquery . 一直不会jquery, 硬着头皮,上了. 发现里面有一个很有意思的 函数 live jquery的 live 这一函数让我初始觉得很神奇. 比如<div id="c">
<li>1</li>
<li>2<
live可以说是bind是方法的变种。二者的主要区别就是live方法的作用机理是事件委托,live方法的作用机理是将事件绑定DOM的根节点上。live方法的处理机制就是把事件绑定在DOM树的根节点上,而不是直接绑定在某个元素上。举一个例子来说明:  
转载
2023-05-24 10:36:35
71阅读
jQuery事件 -- live ---------- 给所有匹配元素附加一个事件处理函数,即使这个元素
原创
2023-06-26 06:21:26
17阅读
一个页面,试用ajax获取到一段代码,想监听这段代码的click时间,但是试用bind方法不行。后面试用live方法,它的使用和bind差不多。
原创
2013-11-14 15:18:51
250阅读
$("button").live("click",function(){ $("p").slideToggle();}); ive() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本
原创
2021-07-28 14:44:18
173阅读
根据jQuery的官方描述,live方法在1.7中已经不建议使用,在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。 on方法可以接受三个参数:事件名、触发选择器、事件函数。需要特别注意的是:on方法中间的这个触发选择器就是你将要添加的HTML元素的类名、id或者元素名,使用它就可以实现live的效果。例如我的html文档中已经有了一个id为parent的div,我将要在这个di
.live(events, function) .on(eventType, selector, function) .live()函数在jquery 1.9的时候已被移除,jquery 1.9+ 需要...
原创
2021-08-13 14:12:05
74阅读
开始的时候在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
160阅读
2评论
jquery live()方法 语法 作用:live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。大理石构件来图加工 语法:$(selector).live(e
转载
2019-12-02 15:45:00
127阅读
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
271阅读
2评论
实例 当点击按钮时,隐藏或显示 p 元素: $("button").live("click",function(){
$("p").slideToggle();
}); 定义和用法 live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。语法$
转载
2023-10-31 19:34:01
33阅读
今天在和同事聊天的时候聊到了关于JQuery中bind事件和live事件的使用,感觉在日常代码中大多使用的都是bind很少接触live,一直以来对于bind的事件绑定都挺顺手的就没想着去调整使用live,今天因为这个讨论重新了解JQuery的事件绑定机制,发现原来bind方法一直都存在缺陷,而live方法相当于是对bind的
来自jquery1.4.1API使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。<body>
<div class="clickme">Click here</div>
</body> 可以给这个元素绑定一个简单的click事件: $('.clickme').
jQuery live() 方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说:<body> &l
转载
2023-11-07 10:40:37
35阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" co
转载
2023-06-07 21:53:49
143阅读
很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况,此时stop()就派上用场了。 stop()方法的语法结构为: &n
# jQuery禁用及解除禁用
## 简介
在Web开发中,经常需要根据用户的行为动态地禁用或解除禁用某些元素或功能。jQuery是一个非常流行的JavaScript库,它提供了丰富的方法来操作HTML元素。本文将介绍如何使用jQuery来禁用和解除禁用元素。
## 禁用元素
禁用一个元素意味着将其设置为不可用状态,用户无法与之交互。在jQuery中,可以使用`prop`方法来禁用一个元素
原创
2023-08-10 08:52:43
218阅读