jQuery 事件--列表對應圖
阿新 • • 發佈:2018-12-19
Query 事件方法
事件方法會觸發匹配元素的事件,或將函式繫結到所有匹配元素的某個事件。
觸發例項:
$("button#demo").click()
上面的例子將觸發 id="demo" 的 button 元素的 click 事件。
繫結例項:
$("button#demo").click(function(){$("img").hide()})
上面的例子會在點選 id="demo" 的按鈕時隱藏所有影象。
方法 | 描述 |
---|---|
bind() | 向匹配元素附加一個或更多事件處理器 |
blur() | 觸發、或將函式繫結到指定元素的 blur 事件 |
change() | 觸發、或將函式繫結到指定元素的 change 事件 |
click() | 觸發、或將函式繫結到指定元素的 click 事件 |
dblclick() | 觸發、或將函式繫結到指定元素的 double click 事件 |
delegate() | 向匹配元素的當前或未來的子元素附加一個或多個事件處理器 |
die() |
移除所有通過 live() 函式新增的事件處理程式。 |
error() | 觸發、或將函式繫結到指定元素的 error 事件 |
event.isDefaultPrevented() | 返回 event 物件上是否呼叫了 event.preventDefault()。 |
event.pageX | 相對於文件左邊緣的滑鼠位置。 |
event.pageY | 相對於文件上邊緣的滑鼠位置。 |
event.preventDefault() |
阻止事件的預設動作。 |
event.result | 包含由被指定事件觸發的事件處理器返回的最後一個值。 |
event.target | 觸發該事件的 DOM 元素。 |
event.timeStamp | 該屬性返回從 1970 年 1 月 1 日到事件發生時的毫秒數。 |
event.type | 描述事件的型別。 |
event.which | 指示按了哪個鍵或按鈕。 |
focus() | 觸發、或將函式繫結到指定元素的 focus 事件 |
keydown() | 觸發、或將函式繫結到指定元素的 key down 事件 |
keypress() | 觸發、或將函式繫結到指定元素的 key press 事件 |
keyup() | 觸發、或將函式繫結到指定元素的 key up 事件 |
live() | 為當前或未來的匹配元素新增一個或多個事件處理器 |
load() | 觸發、或將函式繫結到指定元素的 load 事件 |
mousedown() | 觸發、或將函式繫結到指定元素的 mouse down 事件 |
mouseenter() | 觸發、或將函式繫結到指定元素的 mouse enter 事件 |
mouseleave() | 觸發、或將函式繫結到指定元素的 mouse leave 事件 |
mousemove() | 觸發、或將函式繫結到指定元素的 mouse move 事件 |
mouseout() | 觸發、或將函式繫結到指定元素的 mouse out 事件 |
mouseover() | 觸發、或將函式繫結到指定元素的 mouse over 事件 |
mouseup() | 觸發、或將函式繫結到指定元素的 mouse up 事件 |
one() | 向匹配元素新增事件處理器。每個元素只能觸發一次該處理器。 |
ready() | 文件就緒事件(當 HTML 文件就緒可用時) |
resize() | 觸發、或將函式繫結到指定元素的 resize 事件 |
scroll() | 觸發、或將函式繫結到指定元素的 scroll 事件 |
select() | 觸發、或將函式繫結到指定元素的 select 事件 |
submit() | 觸發、或將函式繫結到指定元素的 submit 事件 |
toggle() | 繫結兩個或多個事件處理器函式,當發生輪流的 click 事件時執行。 |
trigger() | 所有匹配元素的指定事件 |
triggerHandler() | 第一個被匹配元素的指定事件 |
unbind() | 從匹配元素移除一個被新增的事件處理器 |
undelegate() | 從匹配元素移除一個被新增的事件處理器,現在或將來 |
unload() | 觸發、或將函式繫結到指定元素的 unload 事件 |