首頁 >web前端 >js教程 >jquery怎麼處理事件的

jquery怎麼處理事件的

(*-*)浩
(*-*)浩原創
2019-05-30 10:34:253099瀏覽

jQuery 事件函數jQuery 事件處理方法是 jQuery 中的核心函數。

事件處理程序指的是當 HTML 中發生某些事件時所呼叫的方法。術語由事件“觸發”(或“激發”)經常被使用。

jquery怎麼處理事件的

jQuery 事件

下面是一些關於jQuery 中事件方法的範例:

Event 函數
綁定函數至
$(document).ready(function)
將函數綁定到文件的就緒事件(當文件完成載入時)
$(selector).click(function)
觸發或將函數綁定到被選元素的點擊事件
$(selector ).dblclick(function)
觸發或將函數綁定到被選元素的雙擊事件
$(selector).focus( function)
觸發或將函數綁定到被選元素的獲得焦點事件
$(selector).mouseover(function)
觸發或將函數綁定到被選元素的滑鼠懸停事件

# 實例:

 當你對按鈕Click me進行點擊操作時,

標籤中的內容會隱藏。

<html>
<head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("button").click(function(){
        $("p").hide();
        });
        });
    </script>
</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
</body>
</html>

 結論

由於jQuery 是為處理HTML 事件而特別設計的,那麼當您遵循以下原則時,您的程式碼會更恰當且更易於維護:

把所有jQuery 程式碼置於事件處理函數中

把所有事件處理函數置於文件就緒事件處理器中

把jQuery 程式碼置於單獨的.js 檔案中

如果有名稱衝突,則重新命名jQuery 函式庫

以上是jquery怎麼處理事件的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn