jQuery事件總結

2021-10-09 07:15:59 字數 1391 閱讀 2151

元素的操作:取值和賦值
操作網頁元素,最常見的需求是取得它們的值,或者對它們進行賦值。

jquery使用同乙個函式,來完成取值(getter)和賦值(setter)。到底是取值還是賦值,由函式的引數決定。

$(『h1』).html(); //html()沒有引數,表示取出h1的值

$(『h1』).html(『hello』); //html()有引數hello,表示對h1進行賦值

常見的取值和賦值函式如下:

.html() 返回或設定被選元素的內容 (inner html)

.text() 取出或設定text內容

.attr() 取出或設定某個屬性的值

.width() 取出或設定某個元素的寬度

.height() 取出或設定某個元素的高度

.val() 取出或設定html內容 取出某個表單元素的值

需要注意的是,如果結果集包含多個元素,那麼賦值的時候,將對其中所有的元素賦值;取值的

時候 ,則是只取出第乙個元素的值(.text()例外,它取出所有元素的text內容)。

元素的操作:移動

.insertafter(),把div元素移動p元素後面:

$(『div』).insertafter(『p』);

.after(),把p元素加到div元素前面:

$(『p』).after(『div』);

使用這種模式的操作方法,一共有四對

.insertafter()和.after():在現存元素的外部,從後面插入元素

.insertbefore()和.before():在現存元素的外部,從前面插入元素

.prependto()和.prepend() :在現存元素的內部,從前面插入元素

元素的操作:複製、刪除和建立

複製元素使用.clone()

刪除元素使用.remove()和.detach()。兩者的區別在於,前者不保留被刪除元素的事件,

後者保留,有利於重新插入文件時使用。

清空元素內容(但是不刪除該元素)使用.empty()。

建立新元素的方法非常簡單,只要把新元素直接傳入jquery的建構函式就行了:

事件捕獲與事件冒泡

事件捕獲: 允許多個元素響應事件的一種策略。在事件捕獲的過程中,事件首先會交給最外

層的元素,接著再交給更具體的元素。

事件冒泡:另外一種相反的策略叫時間冒泡,當事件發生時,會首先傳送給最具體的元素,在這個元素獲得響應機會之後,事件會向上冒泡到更一般的元素。事件冒泡有時候會產生***,導致始料不及的行為。

阻止事件冒泡的三種方法

指定預設操作

通過呼叫.preventdefault()方法可以在出發預設操作之前終止事件。

呼叫 event.stoppropagation()停止事件傳播

jquery鍵盤事件總結

在工作中在發現同事在寫輸入密碼按鍵的相關js效果時,發現自己對於這塊很是不了解,這幾天特地了解了一下,進行以下總結 一 首先要知道鍵盤事件的幾個屬性 1 keydown 在鍵盤按下時觸發。2 keyup 是按下鍵盤起來後的事件。3 keypress 在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按...

JQuery事件與動畫總結

1 載入dom 1.1.window事件 window.onload function 時機 其他資源都載入完畢後,再執行 function 只是等待標籤完畢,即可執行 區別 window.onload需在網頁所有內容載入完成之後執行 包括音訊 文件就緒函式 只需要在網頁dom結構載入以後便執行 w...

jQuery事件 表單事件

focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...