????: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>