jQuery | 擷取及設定内容和屬性擷取設定内容和屬性

什麼是DOM？DOM = Document Object Model（文檔對象模型），用來定義通路 HTML 和 XML 文檔的标準。

非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列與 DOM 相關的方法，這使通路和操作元素和屬性變得很容易。

三個簡單實用的用于 DOM 操作的 jQuery 方法：

text() - 設定或傳回所選元素的文本内容

html() - 設定或傳回所選元素的内容（包括 HTML 标記）

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

左右可滑動

jQuery attr() 方法用于擷取屬性值。

如何獲得連結中 href 屬性的值：

jQuery attr() 方法也用于設定/改變屬性值。

例子示範如何改變（設定）連結中 href 屬性的值：

attr() 方法也允許您同時設定多個屬性。

例子示範如何同時設定 href 和 title 屬性：

Query 方法 attr()，也提供回調函數.可以對根據實際業務在回調函數中，對資訊進行加工處理傳回加工後的結果。

回調函數有兩個參數：被選元素清單中目前元素的下标，以及原始（舊的）值。然後以函數新值傳回您希望使用的字元串。

示範帶有回調函數的 attr() 方法：

我們将使用前一章中的三個相同的方法來設定内容：

上面的三個 jQuery 方法：text()、html() 以及 val()，同樣擁有回調函數。回調函數有兩個參數：被選元素清單中目前元素的下标，以及原始（舊的）值。然後以函數新值傳回您希望使用的字元串。

示範帶有回調函數的 text() 和 html()：