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

jquEry on绑定

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

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

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

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

这样吧! $('#equipment_table').delegate('tr', 'click', function(){ alert($(this).html());});

大概有以下这些,挺多的。 blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu

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

$(document).ready(function(){ $('#selectid').change(function(){ alert($(this).children('option:selected').val()); //弹出select的值 }); })

好像确实不行锕。 我这曲线了一下:先给绑定个自定义的checkImg事件,并且触发。 但是每次动态新增img之后 要手动触发下这个img的checkImg事件。 咱可交流一下。 $(function() { $("body").on("checkImg","img", function(){ $(this).error(func...

用on绑定更为灵活 可以用off取消监听 直接用change的话方便,更为简单。(其实就是少写几个字)

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