首页专题 jquery on函数

jquery on函数

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

jquery on函数相关知识

jquery绑定未来新创建函数的方法on
对于页面动态新创建的元素，可以使用jquery的on函数进行绑定，使得未来的元素也能继承某些原始定义的方法，比如： $("#js-fb-list").on("click",".cancel-btn",function(){ ... }); 这里绑定了$("#js-fb-list")下的$(".cancel-btn")这个类的所有元素，包括页面已经存在的和未创建的dom
jquery中on函数的源码分析
先用一个dome来看看on函数的使用场景： <div id="a" style="width:100px;height:100px;background:red"> <p id="b" style="width:50px;height:50px;background:green"><span>h</span></p> </div> <script> var a = $("#a"); a.on("click","p",function(e){ alert("gudalun");}); </script> 在调用on函数的时候到底发生了什么？查看on函数的源码可以发现，它内部调用了jquery.event.add函数，on函数做了什么，实际就是这个函数做了什么？这个函数的源码如下： function( el
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>&
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");