溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery 中怎么獲取內(nèi)容和屬性

發(fā)布時間:2021-07-29 14:40:48 來源:億速云 閱讀:121 作者:Leah 欄目:web開發(fā)

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

jQuery - 獲取內(nèi)容和屬性

jQuery 擁有可操作 HTML 元素和屬性的強(qiáng)大方法。

jQuery DOM 操作:

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

DOM = Document Object Model(文檔對象模型)

DOM 定義訪問 HTML 和 XML 文檔的標(biāo)準(zhǔn):"W3C 文檔對象模型獨立于平臺和語言的界面,允許程序和腳本動態(tài)訪問和更新文檔的內(nèi)容、結(jié)構(gòu)以及樣式"。

獲得內(nèi)容 - text()、html() 和 val():

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

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

html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)

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

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

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

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

jQuery - 設(shè)置內(nèi)容和屬性

設(shè)置內(nèi)容 - text()、html() 和 val()

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

html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)

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

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

text()、html() 以及 val() 的回調(diào)函數(shù):

text()、html() 以及 val(),同樣擁有回調(diào)函數(shù)?;卣{(diào)函數(shù)有兩個參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。

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

attr(),也提供回調(diào)函數(shù)?;卣{(diào)函數(shù)有兩個參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。

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

jQuery - 添加元素 

通過 jQuery,可以很容易地添加新元素/內(nèi)容。

添加新內(nèi)容的四個 jQuery 方法:

append() - 在被選元素的結(jié)尾插入內(nèi)容,(仍然該元素的內(nèi)部),可無限追加。

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

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

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

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

jQuery - 刪除元素

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

可使用以下兩個 jQuery 方法:

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

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

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

jQuery - 獲取并設(shè)置 CSS 類

通過 jQuery,可以很容易地對 CSS 元素進(jìn)行操作。

jQuery 擁有若干進(jìn)行 CSS 操作的方法:

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

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

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

。。。。。。。。

jQuery css() 方法

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

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

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

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

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

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI