JQuery中操作Css樣式的方法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