1. 程式人生 > 其它 >JQuery事件、文件處理

JQuery事件、文件處理

一、常用的JQuery事件

a、click():當按鈕點選事件被觸發時會呼叫一個函式。該函式在使用者點選 HTML 元素時執行。
b、dblclick():當雙擊元素時,會發生 dblclick 事件。
c、mouseenter():當滑鼠指標穿過元素時,會發生 mouseenter 事件。
d、mousedown():當滑鼠指標移動到元素上方,並按下滑鼠按鍵時,會發生 mousedown 事件。
e、mouseup():當在元素上鬆開滑鼠按鈕時,會發生 mouseup 事件。
f、hover():用於模擬游標懸停事件。
g、focus():當元素獲得焦點時,發生 focus 事件。當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時,該元素就會獲得焦點。
h、blur():當元素失去焦點時,發生 blur 事件。
i、toggle():繫結兩個或多個事件處理器函式,當發生輪流的 click 事件時執行。
j、change():當元素的值發生改變時,會發生 change 事件。

二、JQuery文件處理

1、內部插入
a、append(): 向每個匹配的元素內部追加內容
b、appendTo() :把所有匹配的元素追加到另一個指定的元素元素集合中。使用這個方法是顛倒了常規的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
c、prepend(): 向每個匹配的元素內部前置內容
d、prependTo() 把所有匹配的元素前置到另一個、指定的元素元素集合中。


2、外部插入
a、 after(): 在每個匹配的元素之後插入內容
b、 before(): 在每個匹配的元素之前插入內容
c、insertAfter(): 把所有匹配的元素插入到另一個、指定的元素元素集合的後面。
d、 insertBefore(): 把所有匹配的元素插入到另一個、指定的元素元素集合的前面。


3、刪除
a、 empty() :刪除匹配的元素集合中所有的子節點。
b、remove() :從DOM中刪除所有匹配的元素,這個方法不會把匹配的元素從jQuery物件中刪除,因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外,其他的比如繫結的事件,附加的資料等都會被移除。
c、 detach(): 從DOM中刪除所有匹配的元素,這個方法不會把匹配的元素從jQuery物件中刪除,因而可以在將來再使用這些匹配的元素。與remove()不同的是,所有繫結的事件、附加的資料等都會保留下來。