本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery处理事件的方法:1、注销事件处理程序,代码为【$(’*’).unbind();】;2、触发事件【trigger();】;3、自定义事件,代码为【$('div').click(function(){$.event.trigg】。

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。
推荐:jquery视频教程
jquery处理事件的方法:
事件处理程序的简单注册
1 2 3 4 5 6 7 | $( 'div' ).click( function (){ $(this).css({backgroundColor: 'yellow' }); });
$( 'div' ).toggle( function (){this.innerText= '0' }, function (){this.innerText= '1' }, function (){this.innerText= '2' },);
第一个参数是mouseenterHandler , 第二个参数是mouseleaveHandler,
如果mouseenterHandler 与mouseleaveHandler相同, 可以合并,只学一个Handler函数
|
事件处理程序的高级注册
bind();
1 2 | $( 'div' ).bind( 'click' , '牛逼的bind()' , function (event){this.innerText = event.data});
|
注销事件处理程序
unbind()
触发事件
trigger();
自定义事件
1 2 3 | $( 'div' ).bind( 'what' , function (event){console.log(event.type)});
$( 'div' ).click( function (){$.event.trigger( 'what' )});
|
实时事件
delegate();
undelegate();
相关学习推荐:js视频教程
以上就是jquery怎么处理事件的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery css 如何获取不带单位的属性值
jQuery如何实现动态删除li
jQuery基本过滤器有哪些
jQuery怎么去除css属性
jQuery如何让按钮不可用
jQuery如何判断input是否被禁用
innerhtml与jQuery里html()的区别是什么
jQuery如何使用if判断标签内容不为空
实例讲解jQuery与js实现ajax
jQuery怎么判断复选框是否被选中
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么处理事件