`

jquery方法之live()

阅读更多
live() 方法向尚未创建的元素添加事件处理器。


可多次执行。

下面的例子,通过使用 live() 方法而不是 bind() 方法,新的 p 元素同样会在点击时执行方法从而消失。


$(document).ready(function(){
  //live()可以作用到脚本创建的新元素上
  $("p").live("click",function(){
    $(this).slideToggle();
  });
  //点击button追加一个p元素
  $("button").click(function(){
    $("<p>This is a new paragraph.</p>").insertAfter("button");
  });
});


<body>
<p>段落1。</p><!--点击任意 p 元素会令其消失。-->
<p>段落2。</p>
<button>按钮。</button><!--点击按钮将在其后面插入新的 p 元素-->
</body>

分享到:
评论

相关推荐

    jQuery Live Form Validation表单验证插件.zip

    jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则,既可以在输入的时候实时校验,也可以在提交的时候校验。提示信息的样式完全可以通过CSS定义。

    jQuery:bind() delegate() live()事件绑定

    jQuery:bind() delegate() live()事件绑定

    JQuery下的Live方法和$.browser方法使用代码

    网站做好了,老师却要求要3级菜单,无奈只好去做3级菜单了。这次3级菜单的思路是在原有不变的基础上,对有3级菜单的ID,选择进入新的一个控件。在这个新的控件里用ajax去请求其3级目录里的东西。

    jquery中live()方法和bind()方法区别分析

    本文实例讲述了jquery中live()方法和bind()方法区别。分享给大家供大家参考,具体如下: live()不受加载时间顺序的影响,只要查找能够配对上就能够绑定对应的事件,而bind方法只有在第一次被加载的时候才绑定时间,...

    jquery插件使用方法大全

    jQuery就是如此强大,你可以轻易地找到DOM中的任何元素,而这也是jQuery设计之初query的真实含义(查询)。 编辑本段Jquery对象  jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象...

    前端项目-jquery.liveurl.zip

    前端项目-jquery.liveurl,jQuery plugin to get an url preview like the facebook attachment

    jquery live()调用不存在的解决方法

    在新版的jquery中,live()方法已经被删除了,所以我们在调用的时候会提示该函数不存在,js报错。 解决方法是使用on()函数替换, 原来的写法是: 如果直接替换为on()方法,那么新生成的元素再次点击事件的时候不会有...

    详解jQuery向动态生成的内容添加事件响应jQuery live()方法

    jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配...

    jQuery中live方法的重复绑定说明

    解决:使用die()方法,在live()方法绑定前,将此... die()方法简介: 代码如下: die([type], [fn]) &lt;/SPAN&gt; 概述 jQuery 1.3新增。此方法与live正好完全相反。 如果不带参数,则所有绑定的live事件都会被移除。 你可

    jQuery中.live()方法的用法深入解析

    使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个...

    jquery.livequery.js

    jquery.livequery.js是jquery中的动态绑定事件所需的plugins

    jquery-migrate-1.2.1

    jQuery 版本之间有区别 比如1 9版本对于 live die toggle sub $ browser 等等都已经不支持了 在不改变你网站代码的同时 要使用 1 9 之后的版本 你需要使用 jQuery migrate(转移 过度) 所以jquery migrat 就是一个...

    jQuery 1.4.1 中文参考

    8.3.1 live(type, [data], fn) 127 8.3.2 die([type], [fn]) 130 8.4 事件切换 131 8.4.1 hover(over, out) 131 8.4.2 toggle(fn, fn2, [fn3, fn4, ...]) 131 8.5 事件 133 8.5.1 blur() 133 8.5.2 blur(fn) 133 ...

    jquery-migrate

    例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。 jQuery migrate(转移...

    jQuery ui Datepicker日期插件

    jquery的日期插件Datepicker,这两天正好研究完了,将研究结果分享下,单独的...所以请使用我压缩包里面的jquery-ui.js以及css样式表,jQuery也必须使用1.8版本一下的,否则高了的话不会再支持live方法,谢谢下载!!!

    jquery_live:jQuery 1.9及更高版本的live方法

    jQuery Live jQuery 1.9及更高版本的方法。 $ ( 'div.popup' ) . live ( 'click' , function ( event ) { } ) ;

    jQuery中bind(),live(),delegate

    jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解共8页.pdf.zip

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

    本篇文章主要是对jQuery的三种bind/One/Live事件绑定使用方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    jquery-migrate-1.2.1.min.js

    比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了。 在不改变你网站代码的同时,要使用 1.9 之后的版本, 所以 jquery-migrate-1.1.0.js 就是一个过渡插件 让你在原来代码上升级...

Global site tag (gtag.js) - Google Analytics