本文已搬家到筆者自己的部落格嘍，有興趣的可以點這個連結～

前言

今天要來介紹 CRUD 中最後兩個動作：修改以及刪除了，這兩個動作學會基本上 jQuery 操作 DOM 的全部方法都會了，底下要介紹的 API 也跟昨天介紹的差不多，差別只在於多傳了一些參數進去，而這些參數就是負責修改 DOM 上的內容，所以 API 不用會太多就可以達成 CRUD 的效果是不是讓 jQuery 變得超級簡單易懂呢XD

相關API介紹

• .val(value)

  替換元素原本的數值，適用於 input 、 select 、 textarea 等任何輸入或選擇框。

  

• .text(string)

  替換元素的內容，除了 HTML 元素外， XML 元素也可以。

  

• .html(string)

  替換元素的內容，僅限用於 HTML 元素。

  

• .remove()

  刪除元素。

  

總結

今天終於把 jQuery 針對 DOM 的 CRUD 四個動作都講完了，讀者不妨可以比較一下 DOM API 跟 jQuery API 的複雜程度，相信大家都會覺得 jQuery 簡潔而且簡單多了XD

今天的題目也很簡單就利用上面提到的 API 將新增的 list 新增 delete 以及 modify 的功能，其中 delete 就是刪除整個 list 而 modify 只是單純的改變 list 的內容。

寫法可以參考這裡。