Jquery attribute vs props vs data 차이

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요소의 범위내에서 지정해서 사용하는 값들을 사용해서 넣을때 사용한다. 

-----------------------------------------------------------------------------------------------------------------------------------