jQuery 객체와 DOM 객체 간의 변환_jquery

1. jQuery 객체를 DOM 객체로 변환

jQuery 객체는 DOM에서 메서드를 사용할 수 없지만, jQuery 객체가 제공하는 메서드에 익숙하지 않거나 jQuery가 원하는 메서드를 캡슐화하지 않아 DOM 객체를 사용해야 하는 경우 이를 처리하는 두 가지 방법이 있습니다. 🎜 >

1. jQuery 객체는 배열형 객체이며, 해당 DOM 객체는 [index] 메소드를 통해 얻을 수 있습니다:

코드 복사 코드는 다음과 같습니다.

var $cr=$("#cr") //jQuery 객체
var cr=$cr[0] //DOM 객체

2. 다른 하나는 jQuery 자체에서 제공하는 것으로, get(index) 메소드를 통해 해당 DOM 객체를 얻습니다

코드 복사 코드는 다음과 같습니다.

var $cr=$("#cr") //jQuery 객체
var cr=$cr.get(0) //DOM 객체

2. DOM 객체를 jQuery 객체로 변환

DOM 객체의 경우 DOM 객체를 $()로 래핑하기만 하면 jQuery 객체를 얻을 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var cr=document.getElementById("cr") //DOM 객체
var $cr=$(cr) //jQuery 객체

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.