jquery事件操作之hover
1、hover()函数用于为每个匹配元素的hover事件绑定处理函数。
2、hover事件就是鼠标悬停事件。此外，你还可以额外传递给事件处理函数一些数据。
此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发hover事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #hd{ width: 500px; height: 300px; background: darkcyan; } </style> <script src="../tu/jquery-1.11.3.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ // $('#hd').mouseenter(function(){ // $(this).css("background",'darkgoldenrod'); // }) // $("#hd").mouseleave(function(){ // $(this).css('background','darkcyan'); // }) // 上面这种移用移出可以用hover去做 // 第一个function函数是移入进来执行的 第二个函数是移出去执行的 $('#hd').hover(function(){ $(this).css("background",'darkgoldenrod'); },function(){ $(this).css('background','darkcyan'); }) }) </script> </head> <body> <div id="hd"> </div> </body> </html> 
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知