jQuery 패키지 및 DOM 객체
1192 단어 jquery
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가 있는데 비슷하지만 모두 다르다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.