.css - 속성제어

.css()

원문 링크 http://api.jquery.com/css/

 

함수들

css( propertyName )

• .css( propertyName )

css( propertyName , value )

• .css( propertyName, value )
• .css( propertyName, function(index, value) )
• .css( map

 

 

example)

1 2 3 4 5

var color = $(this).css("background-color"); var myX = $(".textImg0").css("left"); $( this ).css( "width","+=200" );

 

1 : color 변수에 현재의 배경색을 가져옴

 

3. myX 변수에 textImg0 이라는 css 클래스에있는 left 값을 가져옴

 

5 : 현재 css에 width값을 200 증가시킴

 

 

 

---

 

example)

1 2 3 4 5

$("#box").one( "click", function () { $( this ).css( "width","+=200" ); }); $("#font1").css({"top":ty});

 

1 : "box" 를 클릭하면 css의 width속성이 200증가

 

5 : "font" div의 top css 속성에 ty 대입

---

여러개의 속성을 추가, 오브젝트 형식. 각각의 CSS속성 표현법은 구글에 검색하는게 제일 빠르다.

function canvas_setting(){

var can = $('#canvasID');

//can.addClass({"border:2px solid"})

can.css({'width':bg_w, 'height':bg_h, 'border':'red solid 2px'});

};