添加類 addClass( )
定義和用法:
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。
提示:如需添加多個類,請使用空格分隔類名。
語法: $(selector).addClass(class)
舉例:當我點擊h2標簽的時候“添加一個讓字體顏色變成黃色的類”,再添加一個讓字號變成50px的類
.yellow{color:yellow};
.fontSize50{font-size:50px};
$(h2).click(function(){
addClass('yellow') // 添加單個類的方法
addClass('yellow fontSize50') // 添加多個類的方法
})
移除類 removeClass( )
定義和用法:
removeClass() 方法從被選元素移除一個或多個類。
注釋:如果沒有規定參數,則該方法將從被選元素中刪除所有類。
語法: $(selector).removeClass(class)
舉例:當我點擊h2標簽的時候“移除一個讓字體顏色變成黃色的類”,再移除一個讓字號變成50px的類
.yellow{color:yellow};
.fontSize50{font-size:50px};
$(h2).click(function(){
removeClass('yellow') // 移除單個類的方法
removeClass('yellow fontSize50') // 移除多個類的方法
removeClass() //移除所有類
})