jquery知識整理 04 DOM操作

2021-09-24 22:12:41 字數 1097 閱讀 6161

捕獲階段

text()-設定或返回所選元素的文字內容

html()-設定或返回所選元素的內容(包括html標記)

val()-設定或返回表單字段的值

jquery attr() 方法用於獲取屬性值。

對於 html 元素本身就帶有的固有屬性,在處理時,使用 prop 方法。

對於 html 元素我們自己自定義的 dom 屬性,在處理時,使用 attr 方法。

設定階段

以上幾種方法除了有捕獲的作用,在其相應的括號內新增屬性值即可更改dom元素;

新增元素

$(document).ready(function());

$(".btn2").click(function());

})

通過after() 和 before() 方法

在被選元素的 外部的 開頭結尾,新增新的元素

s1

等同於->

s1

s2

刪除

remove()可以移除被選元素及其子元素

empty()可以刪除被選元素的子元素

當然和很多方法一樣,可以在remove()方法裡攜帶乙個引數,允許您對被刪除的元素進行過濾,這個引數可以是任何jquery選擇器語法,例如:

刪除所有class名是italic的元素及其子元素。

$("p").remove(".italic");
jquery新增樣式類

addclass() 方法、removeclass() 方法、toggleclass() 方法

當然也可以通過css()的方法獲取或設定樣式

$("p").css("background-color");    //獲取

$("p").css(); //新增

關於jquery獲取盒子尺寸查詢更多資料jquery尺寸

jquery總結04 DOM節點操作

一般js操作節點 建立節點 元素文字 document.createelement innerhtml 新增屬性 setattribute 操作繁瑣還有相容性問題 jquery操作節點 jquery 直接在 裡寫元素 文字 屬性 要注意閉合標籤和使用標準的的xhtml格式 加入文件支援了好多函式 向...

jQuery知識整理

1.頁面重新整理方法 有時候可能會用到 window.location.reload 重新整理當前頁面.親測有效 parent.location.reload 重新整理父親物件 用於框架 opener.location.reload 重新整理父視窗物件 用於單開視窗 top.location.rel...

JS知識整理隨筆(6) DOM

語法 ele.stylename stylevalue 功能 設定ele元素的css樣式 說明困了 困了 不刷了 下次見dom 語法 ele.getattribute attribute 功能 獲取ele元素的attribute屬性 說明 語法 ele.setattribute attribute ...