jquery 객체를 dom 객체로 변환하는 방법

방법: 1. "obj[index]" 메서드를 사용합니다. 구문은 "jquery 개체 [jQuery 개체에 있는 DOM 개체의 인덱스]"입니다. 2. "obj.get(index)" 메서드를 사용합니다. 구문은 "jquery object .get(jQuery object의 DOM object index).innerHTML"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery 객체를 dom 객체로 변환하는 방법

jQuery 객체는 내부적으로 DOM 객체를 배열 요소로 사용하는 배열과 유사한 객체입니다. jQuery 객체를 DOM 객체로 변환하는 방법에는 "obj[index]"와 "obj.get(index)"라는 두 가지 방법이 있습니다. 여기서 index는 jQuery 객체에 있는 DOM 객체의 인덱스를 나타냅니다. 이 두 가지 변환 방법은 아래에 설명되어 있습니다.

(1)obj[index]

obj[index] 메소드를 통해 jQuery 객체를 DOM 객체로 변환합니다. 샘플 코드는 다음과 같습니다.

<div>第1个div</div>
<div>第2个div</div>
<script>
//获取jQuery对象
var divs = $(&#39;div&#39;);
//通过索引的方式，将jQuery对象转换成DOM对象
var div1 = divs[0];
var div2 = divs[1];
//输出div元素的内容
alert(div1.innerHTML);    //输出结果:第1个div
alert(div2. innerHTML);    //输出结果:第2个div
</script>

위 코드에서 볼 수 있듯이 jQuery 객체는 여러 DOM 요소를 포함할 수 있으며, 인덱싱을 통해 특정 DOM 객체를 검색할 수 있습니다.

(2) obj.get(index)

obj.get(index) 메소드를 통해 jQuery 객체를 DOM 객체로 변환합니다. 샘플 코드는 다음과 같습니다.

<div>第1个div元素</div>
<script>
var result = $(&#39;div&#39;).get(0).innerHTML;
alert(result);    //输出结果:第1个div元素
</script>

동영상 튜토리얼 추천: jQuery 동영상 튜토리얼

위 내용은 jquery 객체를 dom 객체로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!