만두야닷컴

$(".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'
	});
});

$(".mouseBtn").mousedown(function(event){
       alert(event.button);
   if(event.button==2){
       alert('right button');
   }else{
       alert('left button');
   }
 });

 $("#inArea").click(function(event){
    var $x=event.screenX;
    var $y=event.screenY;
    $("#inText").html('<font color=red>x좌표:'+$x+'</font>  <font color=blue>y좌표:'+$y+'</font>');
 });

bind() - 여러개의 이벤트와 펑션을 묶어준다
ex) 

$("#buttons").bind("click mouseover",function() {
   alert('click or mouseOver');
});

$("#buttons").bind("click mousevoer",function(){
   $("#buttons").unbind("click"); //click 이벤트 비활성 unbind("click mouseover")= click mouseover 둘다 비활성
}

$("#buttons").trigger('click'); //p 엘리먼트 클릭 - 자동발생