Jquery attribute vs props vs data 차이
-----------------------------------------------------------------------------------------------------------------------------------
$(document).ready(function () {
//$("#check").prop("checked", true);
$("#check").attr("checked", true);
$("#check").data().goodjob;
$("#check").on("click", function () {//동적할당
alert(2);
})
$("#check").off("click");//동적할당제거
$("#check").removeAttr("onclick");//정적할당제거
$("#check").attr("key", "value");
alert($("#check").data().sentive);
alert($("#check").data().goodjob);
});
<input type="text" id="check" data-goodjob="1234" data-sentive="5789" onclick="alert(22)"/>
-----------------------------------------------------------------------------------------------------------------------------------
[attr]의 경우에는 요소내의 값과 그 이외의 값들을 지정해서 속성 값을 설정할때 사용한다.
-여기서 요소의 경우에 예를들면 HTML내에서 사용하는 각 요소들을 지칭
- <input>에서의 경우에는 checked 속성을 사용 할 수가 없다. 하지만
Jquery의 attr의 속성을 사용하면 checked의 값들을 지정해서 사용할 수 있다.
-attr의 경우 key-value형태로 값을 강제로 입력할 수 있다.(jquery)
-
[prop]의 경우에는 요소내의 값들만 지정해서 속성 값을 설정할 때 사용한다.
-HTML에서 사용하는 요소들만 사용해서 값들을 지정해서 속성을 지정할 때 사용한다.
[data]의 경우에는 요소내의 값들 이외의 값과 요소내의 값들을 들을 지정할 때에 사용한다.
-데이터의 경우에는 1.6 jquery 이상의 버전에서 사용되며 HTML요소의 범위내에서 지정해서 사용하는 값들을 사용해서 넣을때 사용한다.
-----------------------------------------------------------------------------------------------------------------------------------