jQuery 中怎么獲取內容和屬性

這篇文章給大家介紹jQuery 中怎么獲取內容和屬性，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

jQuery - 獲取內容和屬性

jQuery 擁有可操作 HTML 元素和屬性的強大方法。

jQuery DOM 操作：

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

DOM = Document Object Model（文檔對象模型）

DOM 定義訪問 HTML 和 XML 文檔的標準："W3C 文檔對象模型獨立于平臺和語言的界面，允許程序和腳本動態訪問和更新文檔的內容、結構以及樣式"。

獲得內容 - text()、html() 和 val()：

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

text() - 設置或返回所選元素的文本內容

html() - 設置或返回所選元素的內容（包括 HTML 標記）

val() - 設置或返回表單字段的值

http://www.iis7.com/a/lm/gjcpmcx/

attr("要獲取的屬性") - 方法用于獲取屬性值

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

jQuery - 設置內容和屬性

設置內容 - text()、html() 和 val()

text() - 設置或返回所選元素的文本內容

html() - 設置或返回所選元素的內容（包括 HTML 標記）

val() - 設置或返回表單字段的值

。。。。。。。。。。。。。。。。。。

text()、html() 以及 val() 的回調函數：

text()、html() 以及 val()，同樣擁有回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始（舊的）值。然后以函數新值返回您希望使用的字符串。

attr() 方法也用于設置/改變屬性值。attr() 方法也允許您同時設置多個屬性。

attr()，也提供回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始（舊的）值。然后以函數新值返回您希望使用的字符串。

:::::::::::::::::::::::::::::::::

jQuery - 添加元素 

通過 jQuery，可以很容易地添加新元素/內容。

添加新內容的四個 jQuery 方法：

append() - 在被選元素的結尾插入內容，（仍然該元素的內部），可無限追加。

prepend() - 在被選元素的開頭插入內容，可無限追加。

after() - 在被選元素之后插入內容

before() - 在被選元素之前插入內容

:::::::::::::::::::::::::::::::::

jQuery - 刪除元素

通過 jQuery，可以很容易地刪除已有的 HTML 元素。

可使用以下兩個 jQuery 方法：

remove() - 刪除被選元素（及其子元素），remove() 方法也可接受一個參數，允許您對被刪元素進行過濾，該參數可以是任何 jQuery 選擇器的語法。

empty() - 從被選元素中刪除子元素

:::::::::::::::::::::::::::::::::::::::::::::::::::

jQuery - 獲取并設置 CSS 類

通過 jQuery，可以很容易地對 CSS 元素進行操作。

jQuery 擁有若干進行 CSS 操作的方法：

addClass() - 向被選元素添加一個或多個類

removeClass() - 從被選元素刪除一個或多個類

toggleClass() - 對addClass()和removeClass() 的切換

。。。。。。。。

jQuery css() 方法

css() - 設置或返回被選元素的一個或多個樣式屬性

如需返回指定的 CSS 屬性的值，請使用如右所示語法：css("(屬性名)propertyname")。

如需設置指定的 CSS 屬性，請使用如右所示語法：css("(屬性名)propertyname","(值)value")。

如需設置多個 CSS 屬性，請使用如下語法：css({"propertyname":"value","propertyname":"value",...})。

關于jQuery 中怎么獲取內容和屬性就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。