jQuery 动态追加事件

现在用的jQuery版本2.0.3；

不能用jquery的live方法的原因是：在jquery1.9版本之后彻底抛弃了此方法；

// jQuery 1.9版本之前
$(‘#list li‘).live(‘click‘, ‘#list li‘, function() {
    //function code here.
});
//jQuery 替换live的写法
$(document).on(‘click‘, ‘#list li‘, function() {
    //function code here.
});

再也不为追加html元素事件担忧了；

时间： 2024-10-14 23:35:35

jQuery 动态追加事件的相关文章

jQuery动态追加去掉样式

<script type="text/javascript"> $(function(){     $("h2").click(function(){          $(this).addClass("style2 style3"); }); $("h2").mouseout(function(){     $(this).removeClass("style1 style2");   })

angularjs 点击事件与动态追加

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script>//引入angular js </head> <body> &l

jQuery封装自定义事件--valuechange(动态的监听input，textarea)之前值，之后值的变化

jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化 js监听输入框值的即时变化 网上有很多关于 onpropertychange.oninput的讲解,但是他们都不是我想要的,我想要的是动态的监听input,textarea等之前值和之后改变的值,比如像KISSY中的valuechange事件一样,当我在输入框里面开始输入1的时候,那么之前值是undefined,现在的值是1,当我接着输入2时候,那么之前的值是1,现在的值是2.等,

jquery 动态事件绑定(0512)

jquery动态事件绑定,父元素需为静态元素,(不能是动态生成): $("#parent").on("click","#child",function(){ //.... });

jQuery动态添加元素无法触发绑定事件

用jquery动态添加元素后,发现给动态添加的元素无法触发事件.解决方案如下: 方法一:绑定live事件(live事件只在jquery1.9以下才支持,高版本不支持). 1 2 3 $(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以                alert('这里是动态元素添加的事件');            }) 方法二:利用on()事件绑定 ($(ParentEle)

给Jquery动态添加的元素添加事件

给Jquery动态添加的元素添加事件 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件. js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现.而事件监听不是,你必须给每一个元素单独绑定事件. 常见的例子是处理表格的时候.每行行末有个删除按钮,点了这个能够删除这一行. <table>    <tbody>        <tr>        

jquery学习记录一：jquery动态添加html元素后设置其绑定事件

1. jquery动态添加html元素(例如:) <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动态添加的<li>绑定click事件形成如下结果 <div id="devices_div"> <ul> <li name="apple">apple</li> <li name="pea

[转载]给Jquery动态添加的元素添加事件

原文地址:给Jquery动态添加的元素添加事件作者:小飞侠 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件. js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现.而事件监听不是,你必须给每一个元素单独绑定事件. 常见的例子是处理表格的时候.每行行末有个删除按钮,点了这个能够删除这一行. <table> <tbody> <tr> <td

jQuery动态操作元素

1. 动态创建元素 语法:$('<li></li>'); 返回一个新创建的jQuery对象 2. 动态追加元素 1)向父元素最后追加 语法1:新创建jQuery对象.appendTo('父元素选择器' 或 父元素jQuery对象); 1 <body> 2 <button>点击追加li</button> 3 <ul class="ul1"></ul> 4 <script src="lib/