jQuery 鼠標(biāo)事件之mouseover()和mouseout()事件
在學(xué)JS的時(shí)候，大家還記得有兩個(gè)方法叫移入移出事件嗎？onmouseover()與onmouseout()事件~
jQuery當(dāng)中同樣提供了這樣的事件來監(jiān)聽用戶的移入移出操作，mouseover()與mouseout()事件，兩者用法類似
下面我們通過一個(gè)實(shí)例進(jìn)行講解
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mouseover()和mouseout()</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:1px solid #000;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div></div>
<script>
$("div").mouseover(function(){
$('div').css("background",'red');
})
$("div").mouseout(function(){
$('div').css("background",'green');
})
</script>
</body>
</html>當(dāng)鼠標(biāo)放到div標(biāo)簽上時(shí)，背景色會(huì)變?yōu)榧t色，當(dāng)鼠標(biāo)離開div標(biāo)簽時(shí)，變?yōu)榫G色
