摘要：jquery的事件方法：ready():當文檔已經(jīng)加載完成時，觸發(fā)的事件==js的onload，語法：$(document).ready(function(){jquery的的代碼體})，注意不可以和<body onload="">同時使用。blur()當元素失去焦點==相當js的onblur$('input').blur(function(){
jquery的事件方法：
ready():當文檔已經(jīng)加載完成時，觸發(fā)的事件==js的onload，語法：$(document).ready(function(){jquery的的代碼體})，注意不可以和<body onload="">同時使用。
blur()當元素失去焦點==相當js的onblur
$('input').blur(function(){
$('input').css('background','red') })focus()：當元素獲得焦點時
$('input').focus(function(){
$('input').css('background','blue')
})change()：當元素發(fā)生改變時
$('input').change(function(){
$('input').css('background','pink')
})click()：當元素發(fā)生點擊時
$('button').click(function(){
$('div').css('background','pink')
})dblclick()：當元素發(fā)生被雙擊時
$('div').dblclick(function(){
$('div').css('background','red')
})jquery的事件方法切換：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery的事件切換</title>
<script type="text/javascript" src="jquery-3.3.1.min.js">
</script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$(document).mousemove(function(aa){
$('span').text('X:'+aa.pageX+'Y:'+aa.pageY)
//mousemove為指針在制定的元素上移動時會觸發(fā)事件；
//pageX()，pageY():鼠標指針的位置，相對于文檔的左邊緣/上邊緣，
//aa.pageY中aa必需要
})
a=0
$(window).resize(function(){//resize()當調(diào)整當前瀏覽器窗口大小時觸發(fā)事件
$('b').text(a+=1)// alert('窗口被調(diào)整大小')
})
})
</script>
<div>當前鼠標的位置：<span></span></div>
<div>頁面被調(diào)整的次數(shù)：<b></b></div>
</body>
</html>