jQuery给动态添加的元素绑定事件的方法
2016-04-28 13:43
761 查看
$(document).on是把事件委托到了document上
$('#classname').on是把事件委托到了元素上面
区别:$('#classname').on 当页面动态刷新时,新加载的该id元素便没有事件绑定到上面了。 而第一个还可以让事件生效。例如:
$(document).on("click","#titleStu", function(e){
alert("some thing");
});
当titleStu动态刷新后事件还在。如果用onclick绑定则事件不存在了,因为onclick只在页面onload的时候执行一次,刷新后的titleStu已经不是原来的titleStu了。
个人感觉$(document).on动态刷新后事件仍存在,比较好用。
例:
$(document).on("click","#titleStu",function(){
alert("hello");
});
$('#classname').on是把事件委托到了元素上面
区别:$('#classname').on 当页面动态刷新时,新加载的该id元素便没有事件绑定到上面了。 而第一个还可以让事件生效。例如:
$(document).on("click","#titleStu", function(e){
alert("some thing");
});
当titleStu动态刷新后事件还在。如果用onclick绑定则事件不存在了,因为onclick只在页面onload的时候执行一次,刷新后的titleStu已经不是原来的titleStu了。
个人感觉$(document).on动态刷新后事件仍存在,比较好用。
例:
$(document).on("click","#titleStu",function(){
alert("hello");
});
相关文章推荐
- jquery真相大白
- jquery实现去除重复字符串的方法小结
- jquery拖动层效果插件用法实例分析(附demo源码)
- JQuery选择器总结
- jQuery实现的鼠标经过时变宽的效果(附demo源码)
- 【特效】jquery选项卡插件,页面多个选项卡统一调用
- jQuery内容折叠效果插件用法实例分析(附demo源码)
- JQuery 自动触发事件
- Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引
- 页面某个div固定在顶部
- jquery 1.9 浏览器判断
- jqueryeasyui tabs组件里面的内容不显示滚动条 解决方案
- jQuery序列化表单 serialize() serializeArray()
- jQueryEasyUI Messager基本使用
- Jquery插件写法
- jquery插件开发解析(转)
- jQuery内容折叠效果插件用法实例分析(附demo源码)
- jQuery实现的鼠标经过时变宽的效果(附demo源码)
- jquery拖动层效果插件用法实例分析(附demo源码)
- jQuery事件绑定on()与弹窗实现代码