집 >웹 프론트엔드 >프런트엔드 Q&A >jquery에서 dom은 무엇을 의미합니까?

jquery에서 dom은 무엇을 의미합니까?

WBOY원래의: 2022-06-24 16:49:452119검색

jquery에서 dom은 "Document Object Model"을 의미하며 "Document Object Model"의 약어입니다. dom은 HTML 문서에 액세스하기 위한 일련의 속성, 메서드 및 이벤트를 정의하는 W3C International Organization의 웹 표준입니다. 객체는 JavaScript에서 HTML, XHTML 및 XML 문서를 읽고 변경하는 데 사용할 수 있습니다.

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

jquery에서 dom은 무엇을 의미하나요?

jquery에서 dom은 W3C 국제기구의 웹 표준 집합인 Document Object Model을 나타냅니다. 이는 HTML 문서 개체에 액세스하기 위한 일련의 속성, 메서드 및 이벤트를 정의합니다.

DOM이란 무엇인가요?

페이지의 내용을 변경하려면 JavaScript가 HTML 문서의 모든 요소에 액세스할 수 있어야 합니다. HTML 요소를 추가, 이동, 변경 또는 제거하기 위한 메서드 및 속성과 함께 이 항목은 DOM(문서 개체 모델)을 통해 가져옵니다.

1998년 W3C는 DOM 사양의 첫 번째 버전을 출시했습니다. 이 사양을 사용하면 HTML 페이지의 모든 개별 요소에 액세스하고 조작할 수 있습니다.

모든 브라우저는 이 표준을 구현했기 때문에 DOM 호환성 문제를 찾는 것이 거의 불가능합니다. DOM은 JavaScript에서 HTML을 읽고 변경하는 데 사용할 수 있습니다. -DOM은 다양한 HTML 요소의 속성을 설명하기 위해 좀 더 간결한 표기법을 제공하는 DOM Core보다 훨씬 일찍 나타났습니다.

예: HTML-DOM을 사용하여 양식 개체 메서드 가져오기: document.forms

CSS-DOM

CSS-DOM은 CSS에 대한 작업입니다. JavaScript에서 CSS-DOM 기술의 주요 기능은 스타일 객체의 다양한 속성을 얻고 설정하는 것입니다. 스타일 객체의 다양한 속성을 변경함으로써 웹 페이지는 다양한 효과를 나타낼 수 있습니다.

특정 요소의 스타일 객체의 글꼴 색상을 설정하는 방법: elements.style.color = "red";

JQuery의 DOM 작업

노드 찾기

요소는 text() 메소드를 통해 HTML 콘텐츠를 읽을 수 있습니다. 이는 DOM의 innerHTML 속성과 동일합니다

$(function(){ 
var $para = $("p");         // 获取<p>节点 
var $li = $("ul li:eq(1)");         // 获取第二个<li>元素节点 
var p_txt = $para.attr("title");     // 输出<p>元素节点属性title 
var ul_txt = $li.attr("title");         // 获取<ul>里的第二个<li>元素节点的属性title 
var li_txt = $li.text();         // 输出第二个<li>元素节点的text 
});

노드 삽입

jquery에서 dom은 무엇을 의미합니까?

jquery에서 dom은 무엇을 의미하나요?

관련 기사