attr()/removeClass()/removeAttr()/$(selector)....

: 문서객체의 속성과 관련된것은 모두 attr() 메서드가 처리
: 문서객체에 속성을 추가할때도 attr() 메서드로 처리

세가지 유형

1. $(selector).attr(name,value);
2. $(selector).attr(name, function (index, attr){});
3. $(selector).attr(object); 

 

// img로 들어간애들 속성 추가해주기
$(document).ready(function () {
	$('img').attr('width',200);
});

괄호속 설명 (속성이름, 매개변수)

// 이렇게 입력하면 이미지가 3개 있을때 크기가(넓이) 단계별로 크기가 커진다.
$(document).ready(function () {
	$('img').attr('width', function(index) {
		return(index +1)*100;
	});
});

//이렇게 입력하면 이미지 3개의 높이가 단계별로 커짐
$(document).ready(function () {
	$('img').attr({
		width:function(index) {
			return(index+1)*100;
		},
		height:100
	});
});

* removeClass() 와 removeAttr()의 차이점 
removeClass() 메서드와 removeAttr() 메서드 모두 클래스 속성을 제거할 수 있습니다. 하지만, removeAttr()메서드를 사용하면 클래스 속성이 한번에 제거되는 것과 달리 removeClass()메서드를 사용하면 여러개의 속성중 선택적으로 제거할 수 있습니다. 


문서객체의 스타일 추가 
 
문법
1. $(selector).css(name,value);
2. $(selector).css(name, function(index, style) {});
3. $(selector).css(object);