jQuery中使用attr()方法修改”class”屬性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法來完成
1、javascript addClass
利用document.getElementById("XX")找到document對象、然后再通過addClass("xxx")修改其class值 document.getElementById("XX").addClass("xxx");
2、addClass()
addClass()方法向匹配的元素增加指定的類名(一個(gè)或多個(gè))、注意對于元素來說、class屬性可以有多個(gè)值、該方法不會(huì)移除已經(jīng)存在的值、而是在原有的基礎(chǔ)上追加一個(gè)或多個(gè)class屬性
$(".XX").addClass("xxx");
3、removeClass()
removeClass()方法從被選元素移除一個(gè)或多個(gè)類、如需移除若干類、用空格來分隔類名、如果沒有傳參數(shù)、該方法將會(huì)移除被選元素的所有類
$(".XX").removeClass("xxx");
4、toggleClass()
toggleClass()方法對被選元素的一個(gè)或多個(gè)類進(jìn)行切換(設(shè)置或移除)、該方法檢查每個(gè)元素中的指定類、如果存在則刪除、如果不存在則添加、通過添加參數(shù),可以設(shè)置只進(jìn)行刪除或者只進(jìn)行添加操作、switch值為true時(shí)、只添加、為false時(shí)、只刪除
$(".XX").toggleClass("xxx",switch);
5、hasClass()
hasClass()方法檢查被選元素是否包含指定的class、還可以用is()方法實(shí)現(xiàn)同樣的功能、方法參數(shù)傳入一個(gè)選擇器字符串、比如”.className”
$(".XX").hasClass("xxx");
6、css()
讀操作：獲取匹配元素集合中第一個(gè)元素的指定樣式值(一個(gè)或多個(gè))、讀取多個(gè)樣式值的操作是在jQuery v1.9才加入的
寫操作: 為匹配元素集合中的每一個(gè)元素設(shè)置一個(gè)或多個(gè)CSS屬性的值、傳入的參數(shù)可以是單個(gè)的鍵值對、也可以是PlainObject指定的多個(gè)值
$(".XX").css("color","red");
7、attr()
attr()方法設(shè)置或返回被選元素的屬性值、根據(jù)該方法不同的參數(shù)、其工作方式也有所差異
$(".XX").attr("class","xxx");
jQuery會(huì)處理各個(gè)瀏覽器中不太相同的一些具體情況、比如W3C的cssFloat在IE中是styleFloat、在jQuery中、你可以使用float、然后jQuery會(huì)幫你把它翻譯成每個(gè)瀏覽器中應(yīng)該有的正確名稱、還有、jQuery會(huì)合理解讀CSS和DOM格式的多詞屬性、比如.css(“background-color”)和.css(“backgroundColor”)、它都是可以處理的
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號