bing()用来绑定事件,例如:
unbind()用来解除事件的绑定。例如:
on()方法用来绑定事件,例如:
off()方法用来解除事件的绑定,例如:
注意:
建议用on()方法绑定事件,效率更高。
<!doctype html><html lang="en"><head> <meta chart="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>事件绑定</title> <!--引入jquery--> <scrip人教版高中语文课本t src="../jquery-3.3.1.js"></script> <!--javascript--> <script> $(function(防辐射眼睛){ // 正常情况下的鼠标移入背景色变为灰色,移出时变为白色 // 鼠标移入 /* $("#menu li").mouover(function(){ $(this).css("background-color","gray"); }); // 鼠标移出 $("#menu li").mouout(function(){ $(this).css("background-color","white"); }); */ 芒果英语 //bind()绑定事件 $("#menu li").bind("mouover",function(){ $(this).css("background-color","gray"); }); $("#menu li").bind("mouout",function(){ $(this).css("background-color","white"); }); // bind()绑定多个事件 /* $("#menu li").bind("开头摘抄click mouover",function(){ $(this).css("background-color","gray"); }); */ // bind()绑定多个事件 /* $("#menu li").bind({ click:function(){$(this).css("background-color","#ccc");}, mouover:function(){$(this).css("background-color","yellow");} }); */ // 解除绑定事件 //$("#menu li").unbind(); // 解除所有的事件 //$("#menu li").unbind("click");// 只解除click事件,保留鼠标移入事件 // on()绑定事件 // 处理添加背景色效果 $("#menu").on("mouover","li",{},function()住校要带什么{ $(this).css("background-color","#ccc"); }); $("#menu").on("mouout","li",{},function(){ $(this).css("background-color","yellow"); }); // off()解除绑定 $("#menu").off("mouout","li"); // 只移除moustout事件 }); </script></head><body> <input type="button" value="添加" /> <ul id="menu"> <li>html</li> <li>xhtml</li> <li>css</li> </ul></body></html>
到此这篇关于jquery事件绑定的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持www.887551.com。
本文发布于:2023-04-06 03:26:07,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/479f0b2f8e079a640f61748839d89761.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:jquery事件绑定方法介绍.doc
本文 PDF 下载地址:jquery事件绑定方法介绍.pdf
留言与评论(共有 0 条评论) |