iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 18
1

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

前言

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

相關API介紹

  • .val(value)

    替換元素原本的數值,適用於 inputselecttextarea 等任何輸入或選擇框。

    Imgur

  • .text(string)

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

    Imgur

  • .html(string)

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

    Imgur

  • .remove()

    刪除元素。

    Imgur

總結

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

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

Imgur

寫法可以參考這裡


上一篇
Day17-jQuery應用!新增讀取篇
下一篇
Day19-開發人員選項!Dev tool
系列文
從0開始的網頁生活!30天從網頁新手到網頁入門30

尚未有邦友留言

立即登入留言