元素的操作:取值和賦值
操作網頁元素,最常見的需求是取得它們的值,或者對它們進行賦值。
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...