abstrak:3.2jQuery操作屬性方法jQuery的操作屬性其原理還是對于DOM的操作,通過對象的關系,對節(jié)點樹種的元素的屬性進行操作的方法:addClass() 該方法向被選中的元素添加一個或者多個類!(也就是添加css類屬性?。﹔emoveClass() 該方法從被選中的元素移除一個或者多個類!(也就是移除css類屬性?。├?('選擇器').addClass('類名
3.2jQuery操作屬性方法
jQuery的操作屬性其原理還是對于DOM的操作,通過對象的關系,對節(jié)點樹種的元素的屬性進行操作的方法:
addClass() 該方法向被選中的元素添加一個或者多個類?。ㄒ簿褪翘砑觕ss類屬性?。?/p>
removeClass() 該方法從被選中的元素移除一個或者多個類!(也就是移除css類屬性?。?/p>
例:$('選擇器').addClass('類名') //多個類之間空格隔開在一個引號內(nèi)就可以!
attr() 該方法設置或者返回被選中元素的屬性值! (獲取元素屬性值/設置屬性值)
例:$('選擇器').attr('屬性名') //獲取選中元素屬性值
$('選擇器').attr('屬性名','屬性值') //設置選中元素的屬性值中間逗號隔開屬性名和屬性值
removeAttr() 該方法從被選中的元素中移除屬性!如需移除多個用空格隔開!
例:$('選擇器').removeAttr('屬性名')
hasClass() 該方法檢查被選中的元素是否包含指定的Class名!
例:$('選擇器').hasClass('class名')
toggleClass() 該方法對選中元素進行添加/刪除類的切換操作!
例:$('選擇器').toggleClass('類名') //類似于動作來回切換!
總結(jié):添加類不需要加點,多個類中間空格隔開。以上返回第一個匹配元素的值!toggleClass()檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。
設置內(nèi)容:
text() 該方法返回或者設置被選中的元素的文本內(nèi)容!
例:$('選擇器').text() //返回選中元素的文本內(nèi)容
$('選擇器').text('替換的文本內(nèi)容') //設置選中元素的文本內(nèi)容
html() 該方法返回或者設置被選中的元素內(nèi)容(類似于innerHTML 可以包含html標簽)
例:$('選擇器').html('<h1>替換的文本</h1>') //可以把html標簽一并渲染輸出替換!
$('選擇器').html() //返回被選中元素的內(nèi)容!
val() 該方法返回或者設置被選元素的值!通常與 HTML 表單元素一起使用。
例:$('選擇器').val() //返回被選中元素內(nèi)容!返回第一個匹配元素的 value 屬性的值。
$('選擇器').val('被修改的值') //設置被選中元素的值!設置被選元素的 value 屬性
總結(jié):text()和html()的區(qū)別在于html()設置選中元素內(nèi)容的時候可以將html標簽一并渲染輸出替換!
PS:唯一不理解的就是一個問題val()只能設置 value 屬性嗎?如果總結(jié)的有哪些不足或者不對的請指出謝謝!