JS, DOM, JQuery의 관계 분석 예시_기본 지식

DOM(문서 개체 모델)은 실제로 브라우저의 요소 개체에 대한 일반적인 용어입니다.

웹 페이지에서 JavaScript를 사용하여 수행하는 모든 작업은 DOM을 통해 수행됩니다. DOM은 브라우저에 속하며 자바스크립트 언어 스펙에 명시된 핵심 내용이 아니기 때문에 자바스크립트 언어 참조 도움말 문서를 다운받아 확인해 보면 잘 맞는 document.write 메소드조차 찾아볼 수 없다. 여성과 어린이에게 알려져 있습니다.

DOM(문서 개체 모델)은 HTML 및 XML 문서용 프로그래밍 인터페이스입니다. 문서의 구조화된 표현을 제공하고 문서의 내용과 표현을 변경할 수 있습니다. 우리가 가장 우려하는 점은 DOM이 웹페이지를 스크립트 및 기타 프로그래밍 언어와 연결한다는 것입니다. 스크립트 개발자는 문서 개체의 속성, 메서드 및 이벤트를 통해 동적 웹 페이지 요소를 제어, 조작 및 생성할 수 있습니다. 각 웹 페이지 요소(HTML 태그)는 개체(개체, 소위 "개체"는 모국어로 "사물"을 의미합니다. 단어 개체는 일반적으로 대만에서 "개체"로 번역됨)에 해당합니다. 웹 페이지의 태그는 레이어별로 중첩되어 있으며 가장 바깥쪽 레이어는 입니다. 문서 개체 모델도 레이어별로 중첩되어 있지만 일반적으로 나무 모양으로 이해됩니다. 트리의 루트는 창 또는 문서 개체로, 가장 바깥쪽 레이블의 주변, 즉 전체 문서에 해당합니다.

작은 예:

코드 복사 코드는 다음과 같습니다.

< ;script type="text/javascript">
var x = document.getElementById("test")
var xc = x.childNodes;
var xc.length; >for (var i=0;idocument.write("nodeName = " xc[i].nodeName "; nodeType = " xc[i].nodeType "
") ;}

Javascript는 DOM에서 작동할 수 있습니다. 예: 은 DOM 객체이고 javascript는 추가, 삭제 및 기타 작업을 수행할 수 있습니다.

많은 사람들이 Java와 JavaScript에서 "Java"라는 단어를 보고 처음에는 이랬습니다. 사실, 그것들은 완전히 다른 두 가지입니다. 전체 이름이 Java Applet이어야 하는 Java는 웹 페이지에 포함된 작은 프로그램이며 자체 독립적인 실행 창을 가지고 있습니다. Java Applet은 미리 컴파일되어 있습니다. Applet 파일(.class)을 메모장으로 열어서 읽어보면 전혀 이해할 수 없습니다. Java 애플릿은 매우 강력합니다. http, ftp 및 기타 프로토콜에 액세스할 수 있으며 컴퓨터에 바이러스를 심을 수도 있습니다(선례가 있음). 이에 비해 JavaScript의 기능은 상대적으로 작습니다. JavaScript는 일종의 "스크립트"("Script")입니다. HTML 문서에 직접 코드를 작성합니다. 따라서 HTML 소스 파일을 볼 수 있으면 JavaScript 소스를 볼 수 있습니다. 암호. JavaScript에는 독립적인 실행 창이 없습니다. 브라우저의 현재 창은 실행 창입니다. 유일한 공통점은 프로그래밍 언어로 Java를 사용한다는 것입니다. JavaScript는 객체 및 이벤트 중심적이고 상대적으로 안전한 클라이언트 측 스크립팅 언어입니다. 또한 클라이언트 측 웹 개발에 널리 사용되는 스크립팅 언어이기도 하며 다양한 사용자 작업에 응답하는 등 HTML 웹 페이지에 동적 기능을 추가하는 데 자주 사용됩니다.

작은 예:

코드 복사 코드는 다음과 같습니다.

var myVariable="outside";
function myFunction(){
var myVariable="inside";
alert(myVariable)
myFunction(); my변수)


Jquery는 실제로 JavaScript 함수를 모아서 패키징한 소위 JavaScript 프레임워크입니다.

Jquery는 프로토타입 이후 또 다른 뛰어난 Javascript 프레임워크입니다. 경량 js 라이브러리(압축 후 21k)이며 CSS3 및 다양한 브라우저(IE 6.0, FF1.5, Safari 2.0, Opera 9.0)와 호환됩니다. jQuery를 사용하면 사용자는 HTML 문서 및 이벤트를 보다 쉽게 ​​처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.

jQuery는 현재 가장 널리 사용되는 자바스크립트 함수 라이브러리입니다. 통계에 따르면 전 세계 상위 100만개 웹사이트 중 46%가 다른 라이브러리보다 훨씬 더 많은 jQuery를 사용하고 있습니다. Microsoft는 jQuery를 공식 라이브러리로 사용하기도 합니다. 웹 개발자에게는 jQuery를 배우는 것이 필요합니다. 업계에서 가장 일반적인 기술을 이해할 수 있게 해주고, 앞으로 더욱 발전된 라이브러리를 학습할 수 있는 기반을 마련하며, 실제로 많은 복잡한 효과를 쉽게 만들 수 있기 때문입니다.

작은 예:

코드 복사 코드는 다음과 같습니다.

< ;script type="text/javascript" src="jquery.js">