首页专题 jquery on 用法

jquery on 用法

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于jquery on 用法内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在jquery on 用法相关知识领域提供全面立体的资料补充。同时还包含 j2ee是什么、jar格式、java 的知识内容，欢迎查阅！

jquery on 用法相关知识

jQuery on()方法
jQuery on()方法 jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　　$("p").bind("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); 　　$("p").on("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); delegate() 　　$("#div1").on("click","p",function(){ 　　　　$(this).css("background-color","pink");
jquery使用on绑定事件的高级方法
$(doucment).on("click",".main",function(){}//当页面中需要对发送ajax成功后生成的元素绑定事件时；就需要用到jquery的on方法来绑定事件；因为用这样的事件代理的方法；可以吧事件对象的事件代理到document上；这样就可以通过document来找到你要绑定的元素的对象上；
jquery on()事件
最近在写一个后台管理项目的时候因为on事件踩了坑，所以再项目结束之后，想总结性的谈谈jquery的on事件。on事件是在jQuery1.1之后bind()、live()和delegate()方法新的替代品。使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。语法$(selector).on(event,childSelector,data,function,map)实例$(document).ready(function(){   $("#div1").on("click",function(){     $(this).css("background-color","pink");   });  }看起来这个方法是很好用的，对于自己在js里动态添加的元素用这个方法几乎都是没什么问题的。但我们有时写网页，
jQuery bind 、delegate、live和on比较
JQuery的delegate()方法是给页面里的元素(或者页面里未来将会有的元素)绑定事件，同样的从结果来看JQuery的bind()方法同样也是给元素绑定事件，但是它(bind)只能给页面中当前已经存在的元素去绑定事件。JQuery的live()方法同样也是给元素绑定事件，但是它(live)在页面有改动的时候，JQuery把相应函数绑定到$(document)元素上。任何时候只要有事件冒泡到document节点上，它就查看该事件是否是一个绑定事件，以及该事件的目标元素与这一选择器是否匹配，如果都是的话，则执行函数。JQuery 1.7以后就不支持live()了。JQuery的on()方法同样也是给元素绑定事件，它(on)是整合了之前的三种方式的新事件绑定机制。例子：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script>&