JQuery可以很好的對CSS3進行支持,這段時間也在不停的啃JQuery,這不今天就為利用JQuery為div添加一些樣式,而總結了一些在JQuery中對CSS3進行一些操作的函數,寫一些下來,方面以后查看。

jq添加css樣式,jquery 替換class,jquery修改css樣式,jquery給class賦值,利用JQuery為元素添加樣式的方法

利用JQuery為div添加CSS樣式

利用JQuery給DIV添加樣式,我們可以像定義CSS那樣,很簡單

代碼

 $("span").css("css屬性名","屬性值")

例子:

$("span").css("color","red")

說明:

給span標簽中的字體,設置成紅色

例2:

#("#div").css("marginLeft","10");

說明:

国产视频app把id為div的元素,設置左邊離別的元素的距離為10像素

下面是一些常用的JQuery操作CSS的函數

1、.css("樣式"):獲得樣式值,比如$("input").css("color")  獲得input中字體的顏色

2、.css("樣式","value"):為樣式賦值,如$("input").css("color","red");

3、.addClass("樣式類1,樣式類2,樣式類3"):可以添加多個定義好的樣式類

国产视频app4、.hasClass("樣式類類"):判斷是否存在該樣式

5、.toggleClass("樣式類"):如果存在(不存在)就切換(刪除)樣式

国产视频app6、.toggleClass("樣式類",swith):如果swith為false,則刪除樣式,如果swith為true,則切換成該類

国产视频app7、.removeClass("樣式類"):移除樣式類

国产视频app8、.css({樣式名:"value",樣式名:"value",樣式名:"value"}):可以多次添加樣式