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/post/7282.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
