prop, attr 대해서 알아보자

 

 

오늘 <script> 중 jQuery를 사용하던중에 생각했다..

수정이라는 (a링크)를 클릭시 수정하는 .jsp 화면으로 넘어가는 과정이였는데 원래의 코드는

​

<a href="${ pageContext.servletContext.contextPath }/schedule/managerScheduleUpdate">수정</a> 이였다.

​

여기서 수정을 클릭했을때 ( main 페이지의 이벤트를 ) 같이 가져가야 하는일이 발생했다.

그래서 a링크에 id값을 추가하고 <script>구문에서 jQuery를 사용했다.

 

​

​

 

 

 

 

 

jQuery 사용시 속성값을 정의할때 attr() 함수를 사용했다.

하지만 이게 jQuery 1.6 부턴 용도에 따라 .attr() & prop()로 분리 되었다고 한다.

​

​

​

.attr()

: href의 속성 값 (Attribute)을 표시한다.

: 값이 모두 String으로 넘어 온다.

사용예시

$(":checkbox").attr("class","large_checkbox");

​

​

.prop()

: javascript 프로퍼티 (Property)값을 표시한다.

: boolean,date,function등의 데이터 타입이 그대로 넘어온다.

사용예시

$(":checkbox").prop("checked",true);

​

---

​

attr은 현재 html의 원래 값을 제공,

javascript,jQuery를 통해 수정된 요소의 값을 가져와야 할때는 prop() 사용.