>웹 프론트엔드 >JS 튜토리얼 >jQuery와 DOM 객체의 차이점과 변환 방법

jQuery와 DOM 객체의 차이점과 변환 방법

清浅
清浅원래의
2018-11-13 11:37:473044검색


이 글에서 전달하는 것은 jQuery 객체와 DOM 객체의 차이점과 상호 변환입니다. 이것이 우리의 프론트엔드 학습입니다. 지식 과정에서 중요한 지식 포인트, 도움이 필요한 친구들이 참고할 수 있으니 많은 도움이 되었으면 좋겠습니다

DOM 객체와 jQuery 객체를 얻는 방법# 🎜 🎜#

DOM 객체의 의미: 페이지의 요소를 얻기 위해 JavaScript의 메소드를 사용하여 반환되는 객체가 DOM 객체입니다. 【JavaScript Tutorial】

常用的获取DOM对象方法:
var demo1=document.getElementsByClassName("demo1")//获取类节点
var demo2=document.getElementById("demo2")//获取ID节点
var demo3=document.getElementsByTagName("demo3")//获取标签节点

jQuery 객체의 의미: 페이지를 가져오기 위해 jQuery에서 메소드를 사용하여 반환되는 객체는 jQuery 객체.#🎜 🎜#【jQuery 튜토리얼】

获取jQuery对象方法:
var $obj1=$(".obj1")//获取类节点
var $obj2=$("#obj2")//获取ID节点
var $obj3=$("obj3")//获取标签节点

jQuery 객체와 DOM 객체의 차이점#🎜 🎜#jQuery 객체는 js에 속하는 배열입니다. 이는 기본적으로 DOM 객체 컬렉션을 포함하는 DOM 객체의 패키징 세트입니다.

참고

: jQuery 객체 메서드와 속성은 DOM 객체와 혼합될 수 없습니다. 다음으로 이 두 객체 간의 변환을 소개하겠습니다.jQuery 객체와 DOM 객체 간의 변환 DOM 객체

DOM对象转化为jQuery对象:
var demo=document.getElementsByTagName("demo");
$demo=$(demo);//就是典型的DOM对象转jQuery对象
jQuery对象转化为DOM对象:
var $obj = $(“obj”);
$obj[0];//方法一(常用)
$obj.get(0);//方法二
Summary

: 위 내용은 이 글을 통해 jQuery 객체와 DOM 객체를 얻는 방법을 배웠습니다. 일반적으로 사용되는 변환 방법을 어느 정도 이해하고 실제 연습을 통해 더 잘 이해해야 합니다. 이 기사가 모든 사람에게 도움이 되기를 바랍니다.


위 내용은 jQuery와 DOM 객체의 차이점과 변환 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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