[HTML_CSS] JQ - removeProp() 메서드 - prop() 메서드로 설정된 속성 제거. (= removeProp메서드 = 리무브프랍 메서드 = 리무브프롭 메서드)

1. removeProp() 예제 - color 속성 제거
2. removeProp() 정의
3. removeProp() 구문

removeProp() 예제 - color 속성 제거

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("button").click(function(){

    var $x = $("div");

    $x.prop("color", "red");

    $x.append("현재 color 속성값: " + $x.prop("color"));

    $x.removeProp("color");

    $x.append("<br>현재 color 속성값: " + $x.prop("color"));

  });

});

</script>

<button>속성 추가/제거</button><br><br>

<div></div>

 

결과보기

결과값:

현재 color 속성값: red

현재 color 속성값: undefined

removeProp() 정의

 

prop() 메서드로 설정된 속성 제거.

※ 주의: 이 메서드로 style,id, checked 같은 HTML 속성 제거 금지.

 

---

 

1. cf.

removeAttr() 메서드 - style, id, checked 같은 HTML 속성 제거.

 

2. 예제 더 보기

https://api.jquery.com/removeprop/

 

removeProp() 구문

 

$(selector).removeProp(property)

 

---

[매개변수]

 

property

필수. 제거할 속성명 지정.