亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery快捷事件

雖然我們可以使用事件處理函數(shù)完成對象事件的幾乎所有操作, 但是jQuery提供了對常用事件的封裝. 比如單擊事件對應(yīng)的兩個方法click()和click(fn)分別用來觸發(fā)單擊事件和設(shè)置單擊事件.

設(shè)置單擊事件:

$("#testDiv").click(function(event) { alert("test div clicked ! "); });

等效于:

$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });

觸發(fā)單擊事件:

$("#testDiv").click();

等效于

$("#testDiv").trigger("click");

注意這里等效的是trigger而不是triggerHandler.

此類方法在jQuery中英文叫做Event Helpers, 我找不到很好的翻譯方式, 所以按照功能稱其為"快捷方法",? 征集好的翻譯名稱!

下面是jQuery的快捷方法列表:

由于都是都是對應(yīng)的事件, 所以不再寫說明和舉例了.

?鼠標(biāo)移動( fn )?鼠標(biāo)移出( fn )?鼠標(biāo)懸停( fn )???提交( )?提交( fn )?卸載( fn )?繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>click事件</title> <style type="text/css"> div{ width:200px; height:200px; border:5px solid green; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text("這是后來添加的內(nèi)容"); }) $("p").dblclick(function(){ $("button").click(); }) }) </script> </head> <body> <div></div> <p>雙擊我觸發(fā)click事件</p> <button>點(diǎn)擊觸發(fā)事件</button> </body> </html>
提交重置代碼
        • 名稱說明舉例
          blur( )??
          blur( fn )??
          change( )??
          change( fn )??
          click( )??
          click( fn )??
          dblclick( )??
          dblclick( fn )??
          error( )??
          error( fn )??
          focus( )??
          focus( fn )??
          keydown( )??
          keydown( fn )??
          按鍵( )??
          按鍵( fn ) ??
          keyup( )? ?
          keyup( fn )??
          加載( fn )??
          鼠標(biāo)按下( fn )??
          鼠標(biāo)輸入( fn )?
          鼠標(biāo)離開( fn )?
          ?
          ?
          ? 鼠標(biāo)向上( fn )
          ? 調(diào)整大小( fn )
          ?滾動(fn)??
          選擇( )??
          ?
          ?
          ?
          <ruby id="678ol"><samp id="678ol"></samp></ruby>

            <ruby id="678ol"></ruby>
            <ruby id="678ol"></ruby>