JSLite - CSS 類(lèi)

如有疑問(wèn)歡迎到這些地方交流，歡迎加入JSLite.io組織團(tuán)伙共同開(kāi)發(fā)！

segmentfault社區(qū) | 官方網(wǎng)站 | 官方文檔-更詳細(xì) | Issues

css

獲取或設(shè)置節(jié)點(diǎn)對(duì)象的style樣式內(nèi)容。

$("#box").css("color","yellow")     //? self 返回Array 節(jié)點(diǎn)內(nèi)容
$("#box").css({"color":"yellow"})   //? self 返回Array 節(jié)點(diǎn)內(nèi)容

hasClass

集合中是否有節(jié)點(diǎn)對(duì)象含有指定的class。

$("#box").hasClass("box2") //? true

addClass

為每個(gè)匹配的節(jié)點(diǎn)對(duì)象添加指定的class類(lèi)名。

$("#box").addClass("box23 go") //? self 原有對(duì)象class上添加 box23和 go


$("#box").addClass(function(){
    return "box23 wcj"
}) //? self 原有對(duì)象class上添加 box23 和wcj

removeClass

清除節(jié)點(diǎn)對(duì)象中所有節(jié)點(diǎn)對(duì)象的指定class類(lèi)名，不填寫(xiě)清空。

$("#box").removeClass("box23") //? self 刪除原有對(duì)象class中box23
$("div").removeClass() //? self  所有匹配的對(duì)象class屬性被刪除

toggleClass

在匹配的節(jié)點(diǎn)對(duì)象集合中的每個(gè)節(jié)點(diǎn)對(duì)象上添加或刪除一個(gè)或多個(gè)樣式類(lèi)。

$("#box").toggleClass("box1 box2") //? self 原有對(duì)象class上添加 "box1 box2"或者刪除"box1 box2"