반응형

.css(propertyName,value) -  기본적 형태 css( 속성명 , 속성값)

$(".box").css("width","100px");

 


.css(propertyName,function(index,value) { })
   - function 사용 자신이 원하는 기능 확장 // index는 선택한 개체 순서, value 는 해당 개체의 현재 속성값


$("#inText").css("color",function(index,value) {
	if(value=="rgb(0, 0, 255)"){ //color 가 rgb(0, 0, 255) 이면 red로 변경
		return "red";
	}
});

 


.css(map) - 맵형태로 입력 {key:value}


$("#button").bind("mouseover", function() {
	$("#inText").css({
		'background':'cyan',
		'font-weight':'bold',
		'color':'blue'
	});
});

반응형

+ Recent posts