>웹 프론트엔드 >프런트엔드 Q&A >제이쿼리 객체란 무엇인가

제이쿼리 객체란 무엇인가

WBOY
WBOY원래의
2022-03-29 10:30:292630검색

jquery 객체는 jquery 라이브러리 자체 메소드를 통해 페이지의 DOM 요소를 얻을 수 있는 객체입니다. jquery 클래스 라이브러리 선택기를 사용하여 얻은 객체입니다. jquery 객체는 jquery의 메서드를 사용할 수 있지만 DOM 메서드는 사용할 수 없습니다.

제이쿼리 객체란 무엇인가

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery 객체란 무엇입니까

JQuery 라이브러리에서는 자신의 메소드를 통해 페이지 DOM 요소를 얻을 수 있는 객체를 JQuery 객체라고 합니다. 객체는 var로 시작하여 정의됩니다.

JQuery 라이브러리에서는 자신의 메소드를 통해 페이지 요소를 얻을 수 있는 객체를 JQurey 객체라고 합니다.

jQuery 객체는 jQuery 클래스 라이브러리 선택기를 사용하여 얻은 객체입니다. JQuery 객체는 DOM 객체를 jQuery로 래핑하여 생성된 객체입니다.

JQuery 개체는 jQuery에 고유합니다. jQuery에서는 메서드를 사용할 수 있지만 DOM 메서드는 사용할 수 없습니다.

예: $("#img").attr("src","test.jpg-600"); 여기서 $("#img")는 jQuery 개체입니다.

참고: DOM 개체의 모든 메서드는 jQuery 개체에서 사용할 수 없습니다.

예를 들어 $("#id").innerHTML 및 $("#id").checked는 $("#id").html() 및 $("#id ")를 사용할 수 있습니다. 대신 attr("checked") 및 기타 jQuery 메서드를 사용하세요.

마찬가지로 DOM 개체는 jQuery 메서드를 사용할 수 없습니다.

DOM 객체가 jQuery 객체로 변환됨

이미 DOM 객체인 DOM 객체의 경우 jQuery 객체인 $(DOM 객체)를 얻으려면 DOM 객체를 $()로 래핑하기만 하면 됩니다. 참고: var는 정의된 변수

예:

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

변환 후에는 jQuery 메서드를 마음대로 사용할 수 있습니다.

jQuery 객체를 DOM 객체로

두 가지 변환 방법은 jQuery 객체를 DOM 객체로 변환하는 것에 대해 설명합니다: [index] 및 .get(index);

jQuery 객체는 [를 통해 전달될 수 있는 데이터 객체입니다. index] 해당 DOM 객체를 가져오는 메서드입니다.

예:

var $v = $("#v"); //jQuery 对象
var v = $v[0]; //DOM 对象
alert(v.checked); //检测这个checkbox是否被选中

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

위 내용은 제이쿼리 객체란 무엇인가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.