jQuery DOM操作

jQuery DOM操作

博客說明

文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗匯總，如有什么地方侵權，請聯系本人刪除，謝謝！

內容操作

1. html()

   獲取/設置元素的標簽體內容

   <a><font>內容</font></a>  --> <font>內容</font>
   

2. text()

   獲取/設置元素的標簽體純文本內容

   <a><font>內容</font></a> --> 內容
   

3. val()

   獲取/設置元素的value屬性值

屬性操作

通用屬性操作

1. attr()

   獲取/設置元素的屬性

2. removeAttr()

   刪除屬性

3. prop()

   獲取/設置元素的屬性

4. removeProp()

   刪除屬性

attr和prop區別？

1. 如果操作的是元素的固有屬性，則建議使用prop
2. 如果操作的是元素自定義的屬性，則建議使用attr

對class屬性操作

1. addClass()

   添加class屬性值

2. removeClass()

   刪除class屬性值

3. toggleClass()

   切換class屬性

   toggleClass("one"):

   判斷如果元素對象上存在class="one"，則將屬性值one刪除掉。 如果元素對象上不存在class="one"，則添加

4. css():

   添加樣式

CRUD操作

1. append()

   父元素將子元素追加到末尾

   • 對象1.append(對象2): 將對象2添加到對象1元素內部，並且在末尾

2. prepend()

   父元素將子元素追加到開頭

   • 對象1.prepend(對象2):將對象2添加到對象1元素內部，並且在開頭

3. appendTo()

   • 對象1.appendTo(對象2):將對象1添加到對象2內部，並且在末尾

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():將對象的后代元素全部清空，但是保留當前對象以及其屬性節點

感謝

黑馬程序員

萬能的網絡

以及勤勞的自己

關注公眾號： 歸子莫，獲取更多的資料，還有更長的學習計划