首页专题 jquery中on

jquery中on

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

jquery中on相关知识

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中on方法委托事件的理解
什么时候使用委托事件：1.对未被创建的元素添加事件监听2.避免频繁添加或删除event handler，委托父元素来进行事件处理使用委托事件的优点：1.大量减少监听元素的开销使用实例$( "#dataTable tbody" ).on( "click", "tr", function() {  console.log( $( this ).text() );});使用后果，不用每个tr都进行事件绑定，只需要在tbody处进行绑定即可，委托tbody进行对tr点击的响应。对于on的第二个参数，官方API的解释是：对触发事件元素的后代元素的过滤个人理解：过滤之后，this变成tr，事件冒泡到tbody，然后对tr进行操作。其实on的底层是用了addEventListener，所谓的委托，其实就是借用事件冒泡机制，而且可以指定
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()事件
最近在写一个后台管理项目的时候因为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里动态添加的元素用这个方法几乎都是没什么问题的。但我们有时写网页，