abstract:<!DOCTYPE html> <html> <head> <title>jquery的事件函數(shù)he事件切換</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></sc
<!DOCTYPE html> <html> <head> <title>jquery的事件函數(shù)he事件切換</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> <style type="text/css"> div{width: 100px;height: 100px;background: #ccc;border: 1px solid yellow} </style> </head> <body> blur();當(dāng)元素失去焦點 (也就是鼠標移上或移下)<br> focus();當(dāng)元素獲得焦點;<br> change();當(dāng)元素值發(fā)生改變;<br> click()點擊事件;<br> dblclick();雙擊事件;<br> hover(over,out);鼠標移上觸發(fā)一個函數(shù),移下觸發(fā)一個函數(shù);<br> toggle()元素可見就切換隱藏,否則相反;<br> <input type="text" name=""> <div>請叫我魯先生</div> <div class="like"></div> <button>點擊</button> <script> $(document).ready(function(){ // blur();當(dāng)元素失去焦點 (也就是鼠標移上或移下) // $('input').blur(function(){ // $('input').css('background','red') // }) // focus();當(dāng)元素獲得焦點; $('input').focus(function(){ $('input').css('background','red') }) // change();當(dāng)元素值發(fā)生改變; // $('input').change(function(){ // $('input').css('background','red') // }) // hover(over,out);鼠標移上觸發(fā)一個函數(shù),移下觸發(fā)一個函數(shù);<br> // $('div').hover( // function(){ // $(this).css('background','blue') // }, // function(){ // $(this).css('color','#fff') // } // ) $('button').click(function(){ $('.like').toggle() }) }) </script> </body> </html>
Correcting teacher:查無此人Correction time:2019-04-08 16:06:41
Teacher's summary:完成的不錯。jq和js每行結(jié)束后面增加;號。繼續(xù)加油