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