JQuery中操作Css樣式的方法

<strong>//1、獲取和設置樣式</strong> ?
?$("#tow").attr("class")獲取ID為tow的class屬性?
?$("#two").attr("class","divClass")設置Id為two的class屬性。?
?<strong>//2、追加樣式</strong>?
?$("#two").addClass("divClass2")為ID為two的對象追加樣式divClass2?
?<strong>//3、移除樣式</strong>?
?$("#two").removeClass("divClass")移除 ID為two的對象的class名為divClass的樣式。?
?$(#two).removeClass("divClass divClass2")移除多個樣式。?
?<strong>//4、切換類名</strong>?
?$("#two").toggleClass("anotherClass") //重復切換anotherClass樣式?
?<strong>//5、判斷是否含有某項樣式</strong>?
?$("#two").hasClass("another")==$("#two").is(".another");?
?<strong>//6、獲取css樣式中的樣式</strong>?
?$("div").css("color") 設置color屬性值. $(element).css(style)?
?//設置單個樣式?
?$("div").css("color","red")?
?//設置多個樣式?
?$("div").css({fontSize:"30px",color:"red"})?
?$("div").css("height","30px")==$("div").height("30px")?
?$("div").css("width","30px")==$("div").height("30px")?
?<strong>//7.offset()方法</strong>?
?//它的作用是獲取元素在當前視窗的相對偏移，其中返回對象包含兩個屬性,即top和left 。?
?//注意：只對可見元素有效。?
?var offset=$("div").offset();?
?var left=offset.left;???????? //獲取左偏移?
?var top=offset.top;??????? //獲取右偏移?
?//8、position()方法?
?//它的作用是獲取元素相對于最近的一個position樣式屬性設置為relative或者absolute的祖父節點的相對偏移，與offset()一樣，它返回的對象也包括兩個屬性即top和left。?
?<strong>//9、scrollTop()方法和scrollLeft()方法</strong>?
?$("div").scrollTop();??????? //獲取元素的滾動條距頂端的距離。?
?$("div").scrollLeft();???????? //獲取元素的滾動條距左側的距離。?
?<strong>//10、jQuery中的 toggle和slideToggle 方法，都可以實現對一個元素的顯示和隱藏。區別是：</strong>?
?//toggle：動態效果為從右至左。橫向動作。?
?//slideToggle：動態效果從下至上。豎向動作。?
?//比如想實現一個樹由下至上收縮的動態效果，就使用slideToggle就ok了。?
?$('input').attr("readonly",true)//將input元素設置為readonly
$('input').attr("readonly",false)//去除input元素的readonly屬性
$('input').attr("disabled",true)//將input元素設置為disabled
$('input').attr("disabled",false)//去除input元素的disabled屬性
?

轉載：http://www.jb51.net/article/46689.htm

本文轉自程序猿博客51CTO博客，原文鏈接http://blog.51cto.com/haihuiwei/1683891如需轉載請自行聯系原作者
365850153

總結

以上是生活随笔為你收集整理的JQuery中操作Css样式的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。