摘要：jquery的事件方法：ready():当文档已经加载完成时，触发的事件==js的onload，语法：$(document).ready(function(){jquery的的代码体})，注意不可以和<body onload="">同时使用。blur()当元素失去焦点==相当js的onblur$('input').blur(function(){
jquery的事件方法：
ready():当文档已经加载完成时，触发的事件==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()：当元素发生改变时
$('input').change(function(){
$('input').css('background','pink')
})click()：当元素发生点击时
$('button').click(function(){
$('div').css('background','pink')
})dblclick()：当元素发生被双击时
$('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为指针在制定的元素上移动时会触发事件；
//pageX()，pageY():鼠标指针的位置，相对于文档的左边缘/上边缘，
//aa.pageY中aa必需要
})
a=0
$(window).resize(function(){//resize()当调整当前浏览器窗口大小时触发事件
$('b').text(a+=1)// alert('窗口被调整大小')
})
})
</script>
<div>当前鼠标的位置：<span></span></div>
<div>页面被调整的次数：<b></b></div>
</body>
</html>
