차이점: jQuery 개체는 jQuery 클래스 라이브러리의 선택기를 사용하여 얻은 개체입니다. jQuery에서는 메서드를 사용할 수 있지만 DOM 개체는 어떤 메서드도 사용할 수 없습니다. javascript 메소드를 사용하여 얻은 객체, DOM 객체는 jQuery 메소드를 사용할 수 없습니다.
관련 추천: "jQuery Video Tutorial"
Document Object Model, 즉 DOM은 확장 가능한 처리 방법입니다. W3C 조직에서 권장하는 마크업 언어용 표준 프로그래밍 인터페이스입니다.
1) 개요
jQuery 개체는 실제로 JavaScript 배열입니다. 이 배열 개체에는 125개의 메서드와 4개의 속성이 포함되어 있습니다.
4개의 속성은 다음과 같습니다.
jquery 객체는 jQuery 객체를 통해 DOM 객체를 래핑하여 생성됩니다. jQuery 개체는 jQuery의 메서드를 사용할 수 있지만 반대로 DOM 메서드는 사용할 수 없습니다. Dom 개체는 jquery 메서드를 사용할 수 없습니다.
2) jQuery 객체와 js 객체의 차이점
3) jQuery 객체와 js 객체 간의 상호 변환
var doc2=$("#idDoc2")[0]; //转换jQuery对象为DOM对象 doc2.innerHTML="这是jQuery的第一个DOM对象" //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象 var doc2=$("#idDoc2").get(0); doc2.innerHTML="这是jQuery的第二个DOM对象"
DOM 객체는 전통적인 방법(javascript)을 사용하여 얻은 객체이고, jQuery 객체는 jQuery 클래스 라이브러리의 선택자에서 얻은 객체입니다.
var domObj = document.getElementById("id"); //DOM对象 var $obj = $("#id"); //jQuery对象;
jQuery 객체는 jQuery를 통해 DOM 객체를 래핑하여 생성된 객체입니다. 객체가 jQuery 객체인 경우 jQuery의 메서드를 사용할 수 있습니다.
$("#foo").html(); //获取id为foo的元素内的html代码,html()是jQuery特有的方法
는 js의
document.getElementById("foo").innerHTML;
과 동일합니다. 참고: DOM 개체의 모든 메서드는 jQuery 개체에서 사용할 수 없습니다.
예:
$("#id").innerHTML 和$("#id").checked之类的写法都是错误的
를 사용할 수 있습니다.
$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。
마찬가지로 DOM 개체는 jQuery 메서드를 사용할 수 없습니다. jQuery를 배울 때 올바른 개념을 정립하고 jQuery 객체와 DOM 객체의 차이점을 구별해야 합니다. 그러면 jQuery를 배우기가 훨씬 쉬워집니다.
jquery는 jquery 개체를 dom 개체로 변환하는 두 가지 메서드, 즉 [index] 및 get(index)을 제공합니다. ).
어떤 사람들은 왜 첨자가 사용되는지 궁금해할 수 있습니다. 예, jquery 개체는 배열 개체입니다.
예:
var $cr=$("#cr"); //jquery对象 var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0); alert(cr.checked); //检测这个checkbox是否给选中
dom 객체의 경우 jquery 객체를 얻으려면 dom 객체를 $()로 래핑하기만 하면 됩니다. );
예:
var cr=document.getElementById("cr"); //dom对象 var $cr = $(cr); //转换成jquery对象변환 후에는 jquery에서 어떤 방법이든 사용할 수 있습니다.
var $variable = jquery对象;DOM 객체를 얻은 경우 정의는 다음과 같습니다.
var variable = dom对象더 많은 프로그래밍 관련 지식을 보려면
프로그래밍 비디오를 방문하세요! !
위 내용은 jquery 객체와 dom 객체의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!