JQuery(5)-jQuery 객체, Dom 객체

1. jQuery 대상은 jQuery를 통해 Dom 대상을 포장한 후 생기는 대상:alert($('#div1').html()).Dom 객체가 jQuery를 통해 작업하려면 먼저 JQuery 객체로 변환해야 합니다.
2、$('#div1').html()은 다음과 같습니다.
document.getElementById("div1").innerHTML;
 
3. $('#div1')에서 얻은 것은 바로 jQuery 대상이다. jQuery 대상은 jQuery 대상이 봉인된 방법만 사용할 수 있고, Dom 대상의 방법을 사용할 수 없고, Dom 대상도 jQuery 대상의 방법을 사용할 수 없기 때문에alert($('#div1').innerHTML이 틀렸습니다. 왜냐하면 innerHTML은 DOM 대상의 속성이기 때문입니다.
4. Array는 JS 언어 자체의 대상이지 Dom 대상이 아니기 때문에 Jquery 대상으로 전환하지 않아도 사용할 수 있다.
5. Dom 대상을 JQuery 대상으로 전환하는 방법, $(dom 대상);jQuery를 호출할 때 봉인하는 방법이 없을 때 Dom 대상을 사용해야 합니다. 변환 방법: var domobj = jqobj [0] 또는 var domobj = jqobj.get(0)
6. 외부 js를 인용하는 스크립트 탭에서 js 코드를 더 이상 쓸 수 없고 외부 js를 인용하는 스크립트 탭도 간략하게 닫을 수 없습니다.
7. jQuery 스타일 수정: $("#div1").css(“background”, “red”);스타일 획득 $("#div1").css(“background”);value 수정: $("#un").val("abc"),value:$("#un")을 획득합니다.val (), innerText, innerHTML용 text (), html () 와 유사합니다.val, html,text 등은 방법이지 속성이 아니다. jQuery에는 속성의 사용법(css.color='red'가 없다)이 드물다. 왜냐하면 속성 쓰기 방법은'체인식 프로그래밍'이 어렵다.

 function test() {
            var div1 = document.getElementById("div1");
            var jqDiv1 = $(div1);
            alert(jqDiv1.html());
            var domdiv = jqDiv1[0];
            alert(domdiv.innerHTML);
        }