jQuery 事件函數jQuery 事件處理方法是 jQuery 中的核心函數。
事件處理程序指的是當 HTML 中發生某些事件時所呼叫的方法。術語由事件“觸發”(或“激發”)經常被使用。
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中文網其他相關文章!