Jquery基礎筆記三(DOM操作)

2021-10-10 15:16:37 字數 1188 閱讀 9142

dom操作

1.內容操作

1.html():獲取/設定元素的標籤體內容

2.text():獲取/設定元素的標籤體純文字內容

3.val():獲取/設定元素的value屬性值

2.屬性操作

1.通用屬性操作

1.attr():獲取/設定元素的屬性

2.removeattr():刪除屬性

3.prop():獲取/設定元素的屬性

4.removeprop():刪除屬性

*attr和prop的區別:

1.如果操作的是元素的固有屬性,則建議使用prop

2.如果操作的是元素自定義的屬性,則不建議使用attr

2.對class屬性操作

1.addclass():新增class屬性值

2.removeclass():刪除class屬性值

3. toggleclass():切換class屬性

* toggleclass("one"): 

* 判斷如果元素物件上存在class="one",則將屬性值one刪除掉。  如果元素物件上不存在class="one",則新增

4. css():

3.crud操作:

2.prepend():父元素將子元素追加到開頭

*物件1.prepend(物件2):將物件2新增到物件1元素內部,並且在開頭

4.prependto()

*物件1.prependto(物件2):將物件1新增到物件2內部,並且在開頭

5.after():新增元素到元素後邊

*物件1.after(物件2):將物件2新增到物件1後邊,物件1和物件2是兄弟關係

6.before():新增元素到元素前邊

*物件1.before(物件2):將物件2新增到物件1前邊。物件1和物件2是兄弟關係

7.insertafter()

*物件1.insertafter(物件2):將物件2新增到物件1後邊。物件1和物件2是兄弟關係

8.insertbefore()

*物件1.insertbefore(物件2):將物件2新增到物件1前邊。物件1和物件2是兄弟關係

9.remove():移除元素

*物件.remove():將物件刪除掉

10.empty():清空元素的所有後代元素

*物件.empty()將物件的後代元素全部清空,但是保留當前物件以及其屬性節點

jQuery中的DOM操做 樣式操做

利用attr 方法來實現該功能 1 獲取 var p class p attr class 獲取p元素的class 2 設定 var p class p attr class high p元素的class為high利用addclass 方法來實現該功能 p addclass another 為p元素...

jQuery基礎篇(二)DOM

我們可以通過以下語句來建立乙個新的標籤。動態建立元素後還需要將節點放入到文字中。a.prepend b 將b新增到a中,並設定為第乙個a的子元素 a.prependto b 將a新增到b中,並設定為第乙個b的子元素 另一組節點插入方法 after before insertafter insertb...

jQuery基礎 二 DOM篇

通過jquery生成div元素節點 var div 動態建立div元素節點 爹 prepend 大兒子 主動收乙個大兒子 大兒子 prependto 爹 主動來認爹當大兒子 button on click function remove會刪除div,empty只是清空了div的內容,div本身還存在...