abstrait:jquery的事件方法:ready():當(dāng)文檔已經(jīng)加載完成時(shí),觸發(fā)的事件==js的onload,語法:$(document).ready(function(){jquery的的代碼體}),注意不可以和<body onload="">同時(shí)使用。blur()當(dāng)元素失去焦點(diǎn)==相當(dāng)js的onblur$('input').blur(function(){
jquery的事件方法:
ready():當(dāng)文檔已經(jīng)加載完成時(shí),觸發(fā)的事件==js的onload,語法:$(document).ready(function(){jquery的的代碼體}),注意不可以和<body onload="">同時(shí)使用。
blur()當(dāng)元素失去焦點(diǎn)==相當(dāng)js的onblur
$('input').blur(function(){ $('input').css('background','red') })
focus():當(dāng)元素獲得焦點(diǎn)時(shí)
$('input').focus(function(){ $('input').css('background','blue') })
change():當(dāng)元素發(fā)生改變時(shí)
$('input').change(function(){ $('input').css('background','pink') })
click():當(dāng)元素發(fā)生點(diǎn)擊時(shí)
$('button').click(function(){ $('div').css('background','pink') })
dblclick():當(dāng)元素發(fā)生被雙擊時(shí)
$('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為指針在制定的元素上移動(dòng)時(shí)會(huì)觸發(fā)事件; //pageX(),pageY():鼠標(biāo)指針的位置,相對(duì)于文檔的左邊緣/上邊緣, //aa.pageY中aa必需要 }) a=0 $(window).resize(function(){//resize()當(dāng)調(diào)整當(dāng)前瀏覽器窗口大小時(shí)觸發(fā)事件 $('b').text(a+=1)// alert('窗口被調(diào)整大小') }) }) </script> <div>當(dāng)前鼠標(biāo)的位置:<span></span></div> <div>頁面被調(diào)整的次數(shù):<b></b></div> </body> </html>