JavaScript

.attr()

KIMYOUNGIN 2022. 11. 23. 20:53
반응형

.attr()은 요소의 속성의 값을 가져오거나 속성을 추가한다.

.attr(속성 이름)

추가할경우

<tr class="test"> </tr>라고 한다면

$('tr').attr('class')로 한다면 tr태그(요소)에서 class 속성의 값을 가져옴

속성값을 가져오는 것이므로 test값을 가져올 것이다.

그럼 이것을 변수에 담아서 값을 처리하는 방법으로 사용하면 될 것 같다.

추가할 경우

.attr(속성의 이름, 넣을 값)

<tr class=" "> </tr>

일경우 
$('tr').attr('class', 'test'); 로 한다면

<tr class=" ">에서 class의 속성값이 test로 들어가는것이 되는 거다.

 

요소(태그)를 없앨경우

remove를 사용한다.

.remove([선택자])

<tr class="test"> </tr>

$('tr').remove('.test'); 

<tr>전체가 날라갈것이다.

 

 

그렇다면 속성을 없애고 싶다

.removeAttr()을 이용해 제거한다.  

<tr class="test"> </tr> 이 있다면 

$('tr').removeAttr('class');

로 하면 

<tr> </tr>이 사자릴것 될것이다.

 

반응형