JQuery给动态添加的元素绑定事件
来源:互联网 发布:ipad不良信息过滤软件 编辑:程序博客网 时间:2024/05/20 13:16
jquery中绑定事件一般使用bind、on或者click,但是这只能是对已经加载好(HTML中创建的元素)的元素定义事件,但很多时候我们需要对都来动态添加(创建)的元素绑定某些事件。在JQ1.7版本以前使用可以通过live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件
在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况
例如:
$(".List").html("<li>"+text+"</li>");
在原本就存在的类名为List的ul里面添加一个li,我们需要对li绑定单击事件,那么在jquery 1.7版以前使用live动态绑定事件
$("#(".List li").live("click",function(){ ...});
jquery 1.7版以后使用on动态绑定事件
$(".List").on("click","li",function () { $(".List").slideUp(); $(this).css("background","red") });
这里是给li添加事件委托,委托对象最好是它的父元素,而回调函数里面的$(this)
指的是li标签,而不是List了
好啦,希望我的分享对大家有所帮助吧~
阅读全文
0 0
- jQuery 给动态添加元素绑定事件
- jQuery给动态添加的元素绑定事件的方法
- jQuery给动态添加的元素绑定事件的方法
- jQuery给动态添加的元素绑定事件的方法
- jQuery给动态添加的元素绑定事件的方法
- jQuery给动态添加的元素绑定事件
- jQuery 1.9后给动态添加的元素绑定事件
- 给Jquery动态添加的元素绑定事件
- jQuery给动态添加的元素绑定事件
- 给Jquery动态添加的元素绑定事件
- jQuery给动态添加的元素绑定事件
- JQuery给动态添加的元素绑定事件
- JQuery给动态添加的元素绑定事件
- 给动态添加的元素绑定事件
- jQuery动态添加的元素绑定事件
- jquery on() 给js动态新添加的元素 绑定的点击事件。
- Jquery给动态添加的元素绑定事件:live() delegate() on()
- 给动态添加的元素绑定事件 live
- 网络编程之UDP协议和TCP协议
- android 沉浸式2种
- Java基础之集合框架--Collection根接口(集合框架的共性功能)
- Ubuntu常用命令大全
- Unity3D-Transform
- JQuery给动态添加的元素绑定事件
- [LeetCode-Algorithms-3] "Longest Substring Without Repeating Characters" (2017.9.8)
- myeclipse所有快捷键
- 多个项目配置在同一个tomcat下的问题
- C/C++ 调用 Lua 函数(非全局函数)
- ubuntu 14.04 截屏快捷键
- 【数据结构----笔记3】插入排序算法之【直接插入排序】
- Java集合框架(1)
- Java语言基础小结2