DOM 객체와 Jquery 객체의 구분

1369 단어 htmljquery
jQuery 객체는 jQuery를 통해 DOM 객체를 포장한 후 생성된 객체입니다.jQuery 대상은 jQuery만의 방법으로 jQuery의 방법을 사용할 수 있습니다.예: $("#test").html()  
: ID가 테스트인 요소 내의 html 코드를 가져옵니다.그 중에서 html()은 jQuery의 방법입니다.DOM으로 코드를 실현합니다:document.getElementById("id").innerHTML; jQuery 대상은 DOM 대상을 포장한 후에 생긴 것이지만 jQuery는 DOM 대상의 어떤 방법도 사용할 수 없고 같은 도리의 DOM 대상도 jQuery의 방법을 사용할 수 없다.함부로 사용하면 잘못을 보고할 수 있다.예: $("#test").innerHTML、document.getElementById("id").html () 같은 문법은 모두 잘못된 것이다. 
방법을 호출할 때dom 대상인지 jquery 대상인지 주의해야 합니다.일반dom 대상은 $() 를 통해 jquery 대상으로 변환할 수 있습니다.
Jquery 객체를 DOM 객체로 변환하려면 다음과 같이 하십시오.
두 가지 변환 방식으로 jQuery 대상을 DOM 대상으로 변환합니다: [index]와.get(index); (1) jQuery 대상은 [index] 방법으로 해당하는 DOM 대상을 얻을 수 있다.
예: var v = $("#v");//jQuery 객체 var v=v[0];//DOM 객체(2)jQuery 자체 제공, 통과.get(index) 방법으로 해당하는 DOM 대상을 얻습니다. 예를 들어 var v=$("#v").//jQuery 객체 var v=v.get(0);//DOM 객체
DOM 객체를 Jquery 객체로 변환하려면 다음과 같이 하십시오.
이미 DOM 대상이 된 경우 $() 로 DOM 대상을 포장하면 jQuery 대상을 얻을 수 있습니다. $(DOM 객체): var v=document.getElementById("v");//DOM 객체 var $v=$(v);//jQuery 대상이 변환되면 임의로 jQuery 방법을 사용할 수 있습니다.
올바른 쓰기 방법은 다음과 같습니다.
   1. $("#msg").html();
   2. $("#msg")[0].innerHTML;
   3. $("#msg").eq(0)[0].innerHTML;
   4. $("#msg").get(0).innerHTML;

 4

좋은 웹페이지 즐겨찾기