jQuery學習筆記——事件
阿新 • • 發佈:2019-02-04
執行 文檔 網頁 cti 常用 cto 命名 lec this
何為事件
就是你的鼠標,鍵盤等對網頁元素進行的操作。
常見事件
鼠標事件 | 鍵盤事件 | 表單事件 | 文檔/窗口事件 |
---|---|---|---|
click | keypress | submit | load |
dblclick | keydown | change | resize |
mouseenter | keyup | focus | scroll |
mouseleave | hover | blur | unload |
可以看到,以上事件的命名都十分友好,基本可以看出其用處,所以今天就只寫了最常用的事件。
語法
$(selector).action()
在選擇器後面加上事件名和括號即可,比如說$("p").click()
。括號內的參數是該事件發生之後執行的函數。
註:
括號內一定只能寫匿名函數!不能直接寫js語句!
---
舉個栗子,以下的html代碼就可以實現一個按鈕,點擊它就會隱藏。
<button id="mybt">click me!</button>
<script type="text/javascript">
$("#mybt").click(function(){
$(this).hide();
})
</script>
jQuery學習筆記——事件