溫馨提示×

溫馨提示×

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

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

JQuery屬性與樣式——.val()和增加樣式.addClass()

發(fā)布時間:2020-07-24 08:38:25 來源:網(wǎng)絡(luò) 閱讀:6149 作者:拉考的考拉 欄目:web開發(fā)

      .val()和.addClass()

1   .val()用于處理表單元素的值,如input、select和textarea

2   .val()的3種方法

   .val()無參數(shù),獲取匹配的元素集合中第一個元素的當(dāng)前值

   .val(value)設(shè)置匹配的元素集合中每個元素的值

   .val(function)返回設(shè)置的函數(shù)

3   通過.val()處理select元素,當(dāng)沒有選擇項(xiàng)被選中,他返回null

4   .val()方法多用來設(shè)置表單的字段的值

5   如果select元素有multiple(多選)屬性,并且至少一個選項(xiàng)被選中,.val()方法返回一個數(shù)組,這個數(shù)組包含每個選中選擇項(xiàng)的值

6   .html()、.text()和.val()的差異總結(jié)

   .html()、.text()和.val()三種方法都是用來讀取選定元素的內(nèi)容,只不過.html()是用來讀取元素的html內(nèi)容(包括html標(biāo)簽),.text()用來讀取元素的純文本內(nèi)容,包括其后代元素,.val()是用來讀取表單元素的value值

   .htm()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上

   .html()方法使用在多個元素上時,只讀取第一個元素,.val()方法和.html()相同

   如果其應(yīng)用在多個元素上時,只能讀取第一個表單元素的value值,但是.text()和他們不一樣,如果.text()應(yīng)用在多個元素上時,將會讀取所有選中元素的文本內(nèi)容

   .html(htmlString)、.text(textString)和val(value)三種方法都是用來替換選中元素的內(nèi)容,如果三個方法同時運(yùn)用在多個元素上時,將會替換所有選中元素的內(nèi)容

   .html()、.text()和.val()都可以使用回調(diào)函數(shù)的返回值來動態(tài)的改變多個元素的內(nèi)容

7      在HTML結(jié)構(gòu)中,多個class以空格分隔,當(dāng)一個節(jié)點(diǎn)(或稱為一個標(biāo)簽)含有多個class時,DOM元素響應(yīng)的className屬性獲取的不是class名稱的數(shù)組,而是一個含有空格的字符串

8   .addClass()方法用于動態(tài)增加class類名

9   .addClass()的2種方法

   .addClass(className)為每個匹配元素所要增加的一個或多樣式名

   .addClass(function(index,currentClass))這個函數(shù)返回一個或更多用空格隔開的要增加的樣式名

10   .addClass()方法不會替換一個樣式類名,只是簡單的添加一個樣式類名到元素上

11   怎樣在p元素增加一個newClass的樣式

   如<p class="orgClass">

      $("p").assClass("newClass")

12   p元素的class實(shí)際上是class=“orgClass  newCLass”樣式只會在原本的類上繼續(xù)增加,通過空格分隔

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

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

AI