jQuery 패키지 및 DOM 객체

1192 단어 jquery
jQuery 포장집과DOM 대상은 차이가 있다. jQuery 포장집은 반드시 하나의 집합이고 jQuery 형식으로 포장되며 몇 가지 요소를 포함하든지 상관없다.한편, DOM 대상은 일반적으로 얻은 페이지의 어떤 요소, 예를 들어div, p 등이다. 물론 한 그룹의 DOM 대상도 얻을 수 있다.
jQuery 패키지를 살펴보겠습니다.
$('#btn')//이것은 jQuery 패키지입니다
위의 코드는 id 형식으로 포장 집합을 가져왔고, 그 안에는 틀림없이 하나의 요소만 있을 것이다. 그러나 그것도 하나의 집합이다.
DOM 요소를 살펴보겠습니다.
document.getElementById(‘btn’) //    DOM  

위의 두 단락의 코드는 모두 id가 btn인 요소를 얻었지만 그들 두 단락의 형식은 다르다.
jQuery에 대해서는 $('#btn')을 사용할 수 있습니다.html() 및 DOM 요소의 경우 document을 사용할 수 있습니다.getElementById(‘btn’).innerHTML, 이 두 말은 효과적으로 동일하다.
jQuery 패키지 세트와 DOM 객체는 서로 변환할 수 있습니다.
jQuery에서 jQuery 패키지 세트를 DOM 객체로 변환하는 방법을 제공합니다. 예를 들어 비슷한 배열의 아래 첨자 방식, 다음 코드와 같습니다.
var btn=$(‘#btn’);

var dom=btn[0];




jQuery는 다음과 같은 DOM 객체를 얻을 수 있는 내장 방법을 제공합니다.
var btn=$(‘#btn’);

var dom=btn.get(0);




물론 DOM 대상도 jQuery 패키지 집합으로 전환할 수 있지만 사실은 비교적 간단하다. 바로 jQuery 기호 $()로 요소를 포장하면 된다. 코드는 다음과 같다.
var dom=document.getElementById(‘btn’);

var btnquery=$(dom);




다시 한 번 강조하지만 jQuery 포장집과 DOM 대상은 같은 것이 아니다. 이 개념은 명확하게 구분해야 한다. 그들은 각각api가 있는데 비슷하지만 모두 다르다.

좋은 웹페이지 즐겨찾기