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

변환 방법: 이미 DOM 개체인 경우 DOM 개체를 "$()"로 래핑하기만 하면 jQuery 개체를 얻을 수 있습니다. 구체적인 구문 형식은 "$(DOM 개체)"입니다.

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

DOM 객체를 jQuery 객체로 변환:

이미 DOM 객체인 DOM 객체의 경우 jQuery 객체를 얻으려면 DOM 객체를 $()로 래핑하기만 하면 됩니다.

예:

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

$(DOM) 메소드를 통해 일반 DOM 객체를 jQuery 객체로 처리한 후 jQuery 메소드를 호출할 수 있습니다.

HTML code

<div>元素一</div><div>元素二</div><div>元素三</div>

JavaScript code

var div=document.getElementsByTagName('div');//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css('color','red');//给第一个元素设置颜色

getElementsByTagName을 통해 div 노드의 요소를 가져옵니다. 결과는 DOM 컬렉션 개체이지만 이 개체는 배열 컬렉션(3개의 div 요소)입니다. $(div) 메소드를 통해 jQuery 객체로 변환하고, jQuery 객체에서 first 및 css 메소드를 호출하여 첫 ​​번째 요소를 찾아 색상을 변경합니다.

추천 관련 비디오 튜토리얼: jQuery Tutorial(비디오)

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