jQuery :: 4 -1. 객체조작_ 속성 조작 메서드

 

 

 

  속성 조작 메서드  

요소의 속성을 바꿀 때 사용

 

$('요소 선택').속성메서드( );

 

 

 

 

속성 조작 메서드

html( )   html('새 요소')	선택한 요소의 하위요소를 가져옴.   선택한 요소의 하위요소를 제거하고, 그 위에 새 요소를 생성.
text( )   text('새 텍스트')	선택한 요소가 감싸는 모든 텍스트를 가져옴.   선택한 요소의 하위 요소를 모두 제거하고, 그 위치에 지정한 새 텍스트 생성.
attr('속성명')   attr('새 속성명','새 값')	선택한 요소의 지정한 속성 값을 가져옴.   선택한 요소의 지정한 속성 값에 새 값을 적용.
removeAttr('속성명')	선택한 요소의 지정한 속성 제거.
prop('상태 속성명')   prop('상태 속성명', '새 값')	선택한 요소의 상태 속성값을 가져옴.   선택한 요소의 상태 속성에 새 값을 적용.
val( )   val('새 값')	선택한 폼 요소의 value 값을 가져옴.   선택한 폼 요소의 value 속성에 새 값을 적용.
css('속성명')   css('속성명','새 값')	선택한 요소의 스타일 속성 값을 가져옴.   선택한 요소의 스타일 속성에 새 값을 적용.
addClass('class 값')	선택한 요소의 calss 속성에 새 값 추가.
removeClass('class 값')	선택한 요소의 class 속성에 지정한 값 제거.
toggleClass('class 값')	선택한 요소의 class 값에 지정한 값이 포함되어있으면 제거, 없으면 추가.
hasClass('class 값')	선택한 요소의 class 값에 지정한 값이 포함되어 있으면 true, 없으면 false.

 

 

 

 

ex1.

 

 

 

 

 

ex2.

 

 

 

 

ex 3.