abstract：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>jquery的事件函數(shù)</title> <script type="text/javascript" src="jquery-3.3.1.min.js&qu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery的事件函數(shù)</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
// 在jQuery中是以調用事件函數(shù)的形式來觸發(fā)事件的，如js中的onclick事件，在jQuery則用click()來替代
// 簡單的理解：事件方法會觸發(fā)匹配元素的事件，或者將函數(shù)綁定到所有匹配元素的某個事件
//ready() 當我們的DOM已經(jīng)加載，頁面已經(jīng)加載完，觸發(fā)的事件==js的onload
//語法：
// $(document).ready(function(){
// })
//*不能與<body onload="">一起使用
//blur()當元素失去焦點==onblur
// focus()當元素獲得焦點
// change()當元素的值發(fā)生改變的時候
// click()點擊事件
//dblclick()雙擊事件
mouseover() 當鼠標指針位于元素上方時會發(fā)生mouseover事件
mouseenter() 當鼠標指針穿過元素時會發(fā)生mouseenter事件
mousemove() 當鼠標指針在指定的元素中移動時，就會發(fā)生該事件
mouseleave() 當鼠標指針離開元素時
mouseout() 當鼠標指針從元素上移開時
mousedown() 當鼠標指針移動到元素上方并按下鼠標按鍵時
mouseup() 當在元素上松開鼠標按鍵時
resize() 當調整當前瀏覽器窗口大小時
pageX() 屬性是鼠標指針的位置，相對于文檔的左邊緣 event.pageX event：必需 參數(shù)來自事件綁定函數(shù)。
pageY() 屬性是鼠標指針的位置，相對于文檔的上邊緣 event.pageY event：必需 參數(shù)來自事件綁定函數(shù)。
$(document).ready(function(){
// $('input').blur(function(){
// $('input').css('background','red')
// })
// $('input').focus(function(){
// $('input').css('background','blue')
// })
// $('input').change(function(){
// $('input').css('background','pink')
// })
// $('button').click(function(){
// $('div').css('background','blue')
// })
$('div').dblclick(function(){
$(this).css('background','pink')
})
// $(document).mousemove(function(aa){
// $('span').text('x: '+aa.pageX+'y: '+aa.pageY)
// })
a=0
$(window).resize(function(){
// alert('窗口被調整大小')
$('b').text(a++)
})
})
</script>
<!-- <input type="text" name="">
<div style="width: 100px;height: 100px;background: red;margin-top: 20px;"></div>
<button>點擊</button> -->
<div>
當前鼠標的位置：<span> </span>
</div>
<div>
頁面被調整大小的次數(shù)：<b> </b>
</div>
</body>
</html>