jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS
改變頁面元素樣式使用Javascript也可實(shí)現(xiàn)，但有沒有更簡(jiǎn)潔的辦法，答案是肯定的，現(xiàn)在有了jQuery，似乎讓Js代碼瘦身了不少，應(yīng)驗(yàn)了那句話：“jQuery讓JavaScript代碼變得簡(jiǎn)潔！”，言歸正傳，來看jquery如何添加、移除CSS類：
1. removeClass() - 移除CSS類
$("#target").removeClass("oldClass");
//#target 指的是需要移除CSS類的元素的ID
//oldClass 指的是CSS類的名稱
2.addClass() - 添加CSS類
$("#target").addClass("newClass");
//#target 指的是需要添加樣式的元素的ID
//newClass 指的是CSS類的名稱
3. toggleClass() - 添加或者移除CSS類：如果CSS類已經(jīng)存在，它將被移除；相反，如果CSS類不存在，它將被加上。
$("#target").toggleClass("newClass")
//如果ID為“target”的元素已經(jīng)定義了CSS樣式，它將被移除；
//反之，CSS類“newClass”將被賦給該ID
4.hasClass("className") - 判斷是否已經(jīng)存在CSS
在實(shí)際運(yùn)用中，我們通常是先定義好這些CSS類，然后通過Javascript事件觸發(fā)（比如點(diǎn)擊某個(gè)按鈕）來改變頁面元素樣式。此外，jQuery還提供一種方法 hasClass("className")，用來判斷某個(gè)元素是否已經(jīng)被賦予某個(gè)CSS類。順便告訴前端開發(fā)的新手，jquery是值得擁有的，有空了好好研究吧。
相關(guān)文章
Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁前觸發(fā)事件的解決方法
這篇文章主要介紹了Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁前觸發(fā)事件 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
PHP結(jié)合jQuery實(shí)現(xiàn)紅藍(lán)投票功能特效
本文給大家分享的是jQuery + PHP+mysql完成的投票程序，功能不是太復(fù)雜，主要是效果非常不錯(cuò)，有需要的小伙伴可以參考下2015-07-07
easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動(dòng)提示功能示例代碼
本篇文章主要介紹了easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動(dòng)提示功能示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-12-12
jQuery選擇器源碼解讀（七）：elementMatcher函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀（七）：elementMatcher函數(shù),本文講解了源碼、功能、參數(shù)、返回函數(shù) 等內(nèi)容,需要的朋友可以參考下2015-03-03
載入jQuery庫的最佳方法詳細(xì)說明及實(shí)現(xiàn)代碼
網(wǎng)站開發(fā)的項(xiàng)目中使用Google CDN的jQuery庫雖然加載速度很快,但調(diào)用本地服務(wù)器的庫才可以確保萬無一失,接下來介紹載入jQuery庫的最佳方法,感興趣的朋友可以研究下2012-12-12
移動(dòng)節(jié)點(diǎn)的jquery代碼
節(jié)點(diǎn)的移動(dòng)在應(yīng)用中比較常見，如何動(dòng)態(tài)移動(dòng)某一節(jié)點(diǎn)來實(shí)現(xiàn)某一特殊效果，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助2014-01-01
$.each遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理
通過$.each，可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理，下面有個(gè)示例，需要的朋友可以參考下2014-07-07
本篇文章給大家詳細(xì)分析了用jquery實(shí)現(xiàn)放大鏡效果的方法，以及代碼分享，有興趣的學(xué)習(xí)下。2018-02-02
jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法示例
這篇文章主要介紹了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法,結(jié)合實(shí)例形式分析了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained的功能與基本使用技巧,需要的朋友可以參考下2016-08-08
jquery isEmptyObject判斷是否為空對(duì)象的函數(shù)
jQuery 判斷一個(gè)對(duì)象是否為空是使用for name in obj 來遍歷對(duì)象中的屬性名.2011-02-02