jQuery css詳解

標籤：style   class   blog   code   color   width   

今天確確實實是放了一天假，喝了點小酒，看了天天向上和快樂大本營以及中國好舞蹈，越來越熱愛舞蹈了，還是總結一篇吧。

@jquery css

css(name|pro|[,val|fn)：訪問或設定匹配元素的樣式屬性

1 $("div").click(function(){2     $(this).css({width:20px,height:30px})3 });

offset([coordinates]):擷取匹配元素在當前視口(body)的相對位移

1 <p>hello baby</p>2 3 $("p").html("left:"+offset.left+",top:"+offset.top);4 5 // offset().left就相當於與body的Margin-left6 //offset().top就相當於與body的Margin-top

position():擷取或設定匹配元素相對父元素的位移

1 $("p").html("left:"+$("p").position().left);2 3 //position().left相當於與當前父元素的Margin-left;4 //position().top相當於與當前父元素的Margin-top;

scrollTop([val]):擷取匹配元素相對於捲軸頂部的位移；

scrollLeft([val]):擷取匹配元素相對於捲軸左部的位移;

height(val|fn):取得或設定匹配元素當前計算的高度值（高度）

1 $("p").height(20);

width(val|fn):取得或設定匹配元素當前計算的寬度值(寬度);

innerHeight():擷取第一個匹配元素內部地區高度(高度+補白)

innerWidth():擷取第一個匹配元素內部地區寬度;

outerHeight([options]):擷取第一個匹配元素外部高度；

1 <p>HELLObaby</p>2 3 $("p").html("outerHeight:"+$("p").outerHeight()+",outerHeight(true):"+$("p").outerHeight(true));4 5 //outerHeight() 表示高度+補白+邊框，當參數為true時，表示高度+補白+邊框+邊距;

outerWidth([options]):擷取第一個匹配元素的外部寬度；

總結還不夠精鍊，還需要逐步完善！！