摘要：3.2jQuery操作屬性方法jQuery的操作屬性其原理還是對(duì)于DOM的操作，通過對(duì)象的關(guān)系，對(duì)節(jié)點(diǎn)樹種的元素的屬性進(jìn)行操作的方法:addClass() 該方法向被選中的元素添加一個(gè)或者多個(gè)類?。ㄒ簿褪翘砑觕ss類屬性?。﹔emoveClass() 該方法從被選中的元素移除一個(gè)或者多個(gè)類！（也就是移除css類屬性?。├?('選擇器').addClass('類名&#

3.2jQuery操作屬性方法

jQuery的操作屬性其原理還是對(duì)于DOM的操作，通過對(duì)象的關(guān)系，對(duì)節(jié)點(diǎn)樹種的元素的屬性進(jìn)行操作的方法:

addClass() 該方法向被選中的元素添加一個(gè)或者多個(gè)類?。ㄒ簿褪翘砑觕ss類屬性?。?/p>

removeClass() 該方法從被選中的元素移除一個(gè)或者多個(gè)類！（也就是移除css類屬性?。?/p>

例：$('選擇器').addClass('類名') //多個(gè)類之間空格隔開在一個(gè)引號(hào)內(nèi)就可以！

attr() 該方法設(shè)置或者返回被選中元素的屬性值！    （獲取元素屬性值/設(shè)置屬性值）

例：$('選擇器').attr('屬性名') //獲取選中元素屬性值

$('選擇器').attr('屬性名','屬性值') //設(shè)置選中元素的屬性值中間逗號(hào)隔開屬性名和屬性值

removeAttr() 該方法從被選中的元素中移除屬性！如需移除多個(gè)用空格隔開！

例：$('選擇器').removeAttr('屬性名')

hasClass() 該方法檢查被選中的元素是否包含指定的Class名！

例：$('選擇器').hasClass('class名')

toggleClass() 該方法對(duì)選中元素進(jìn)行添加/刪除類的切換操作！

例：$('選擇器').toggleClass('類名') //類似于動(dòng)作來回切換！

總結(jié)：添加類不需要加點(diǎn)，多個(gè)類中間空格隔開。以上返回第一個(gè)匹配元素的值！toggleClass()檢查每個(gè)元素中指定的類。如果不存在則添加類，如果已設(shè)置則刪除之。這就是所謂的切換效果。

設(shè)置內(nèi)容：

text() 該方法返回或者設(shè)置被選中的元素的文本內(nèi)容！

例：$('選擇器').text() //返回選中元素的文本內(nèi)容

$('選擇器').text('替換的文本內(nèi)容') //設(shè)置選中元素的文本內(nèi)容  

html() 該方法返回或者設(shè)置被選中的元素內(nèi)容(類似于innerHTML 可以包含html標(biāo)簽)

例：$('選擇器').html('<h1>替換的文本</h1>')  //可以把html標(biāo)簽一并渲染輸出替換！

$('選擇器').html() //返回被選中元素的內(nèi)容！

val() 該方法返回或者設(shè)置被選元素的值！通常與 HTML 表單元素一起使用。

例：$('選擇器').val() //返回被選中元素內(nèi)容！返回第一個(gè)匹配元素的 value 屬性的值。

$('選擇器').val('被修改的值') //設(shè)置被選中元素的值！設(shè)置被選元素的 value 屬性

總結(jié)：text()和html()的區(qū)別在于html()設(shè)置選中元素內(nèi)容的時(shí)候可以將html標(biāo)簽一并渲染輸出替換！

PS:唯一不理解的就是一個(gè)問題val（）只能設(shè)置 value 屬性嗎？如果總結(jié)的有哪些不足或者不對(duì)的請指出謝謝！