knrt.net
当前位置:首页 >> jquEry on绑定 >>

jquEry on绑定

代码如下: $(obj).on("mouseover mouseout",function(event){ if(event.type == "mouseover"){ //鼠标悬浮 }else if(event.type == "mouseout"){ //鼠标离开 } })

$(function(){ $('.btn').click(function(){ $('body').append(''); //注意上句错误。append的字符串中应该是 }); $('.btn').on('click',function(){ console.log('haha'); }); //上面绑定的方式也不对。因为页面刚加载时$('.btn')并不包括后来...

jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on。

bind是用来绑定一个或多个事件的,live其实bind的一个加强版,用来绑定通过JavaScript或者jQuery添加的DOM元素事件,其语法结构是一样 $("p").bind("mouseenter mouseleave",function(){alert("ok");})$("p").live("mouseenter mouseleave",func...

on指的是事件委托,举个例子, $(document).on("click", ".ontest", function () { //...... }); 假设你的.ontest一开始不存在DOM结构当中,也就是html里面,如果你直接click(function () {});的话,事件是无法成功绑定的,而用on委托给document...

不管是jquery什么版本都不会出现on的兼容问题 你看看绑定事件的这个DOM是不是动态的。 在执行事件的时候,这个DOM是不是还没有渲染出来 建议你用事件委托试一下

$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……}); $(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……}); js生成的元素绑定事件必须使用live,但新版的jq...

last.html jQuery (function ($) { $ ("input[name=req_qty]").click (function () { $ (this).select (); }); });

可以 .bind 的方法是旧有的 .on 是比较事件导向的新方法,其实原理就是把 bind 的事件改成物件名称而已 jQuery 新版本 1.7 後来才有这功能

发现好像没有hover这个事件,jQuery的hover事件是一个封装,不是真正的事件。 用mouseover和mouseout两个配合效果好像也是一样的。

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com