简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

JavaScript와 jQuery의 차이점에 대한 자세한 그래픽 설명

yulia
풀어 주다： 2018-10-30 17:13:34
원래의
3612명이 탐색했습니다.

JavaScript는 프론트 엔드 개발에 없어서는 안될 부분입니다. jQuery도 사용하기 쉽고 빠르기 때문에 널리 사용됩니다. 그러면 JavaScript와 jQuery의 차이점을 아시나요? 이 기사에서는 JavaScript와 jQuery의 차이점에 대해 설명합니다. 관심 있는 친구들은 이를 참고할 수 있습니다.

1. 본질적인 차이점

JavaScript는 HTML 및 웹에 널리 사용되는 언어입니다. 서버, PC, 노트북, 태블릿, 스마트폰 등.

JQuery는 JavaScript의 함수 라이브러리로, JavaScript의 프레임워크라고도 할 수 있습니다.

JavaScript 코드는 태그에 직접 작성됩니다.

jQuery 코드는 태그를 사용하지만 jQuery 라이브러리는 HTML 코드 앞에 도입되어야 합니다. 아래 그림과 같습니다:

JavaScript와 jQuery의 차이점에 대한 자세한 그래픽 설명

2. 문법적 차이점

JavaScript와 jQuery 조작 요소 노드, 속성 노드, 텍스트 노드, 클릭 이벤트 등에 차이가 있습니다. 조작 요소 노드를 예로 들어 차이점이 무엇인지 살펴보겠습니다.

예 1: ID 이름을 기준으로 태그 요소 가져오기

설명:

페이지에 두 개의 P 만들기 태그를 지정하고 클래스 이름과 ID 이름을 지정합니다. 나중에 JavaScript, jQuery로 구하는 것이 편리합니다.

JavaScript 및 jQuery를 사용하여 먼저 ID가 있는 요소를 가져옵니다. 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="pp" id="first">1</p>
<p class="pp">2</p>
</body>
<script type="text/javascript">
var first = $("#first");
var first = document.getElementById("first");
</script>
</html>
로그인 후 복사

예 2: 태그 가져오기 클래스 기반 요소#🎜 🎜#

var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素
로그인 후 복사

예 3: 태그 이름을 기반으로 태그 요소 가져오기

var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素
로그인 후 복사
있음 JavaScript와 jQuery의 많은 구문 차이점 차이점은 여기서는 너무 많은 데모를 하지 않는다는 것입니다. 잘 모르는 친구는 PHP 중국어 웹사이트의 효과 기사를 참조하거나

JavaScript Video Tutorial을 방문하세요. .

JavaScript와 jQuery의 차이점 요약:

1. JavaScript가 없으면 jquery도 없습니다. 아버지와 아들의 관계#🎜🎜 #2. jquery는 javascript의 일종의 캡슐화입니다. jQuery는 JavaScript보다 더 간결합니다

3. jquery는 javascript와 javascript에 적용하기 쉬운 스크립트입니다. jquery 구문은 기본적으로 호환됩니다.
#🎜🎜 #위 내용은 JavaScript와 jQuery의 차이점을 소개한 내용입니다.

더 많은 관련 튜토리얼을 보려면

JavaScript 중국어 참조 매뉴얼

을 방문하세요.

위 내용은 JavaScript와 jQuery의 차이점에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
javascript jquery 区别
원천：php.cn
이전 기사：html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법 다음 기사：js의 배열에서 지정된 요소를 삭제하는 방법은 무엇입니까? (코드 예)
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
AJAX, PHP 및 서버 전송 이벤트를 사용하여 OpenAI API에서 데이터 스트리밍 SSE(Server Sent Events)를 사용하여 JavaScript 및 PHP를 사용하는 위 API의 데이터를 브라우저 클라이언트로 스트리밍하려면 어떻게 해...
에서 2023-11-11 12:03:23
0
1
497
잡히지 않은 TypeError: 정의되지 않은 속성을 설정할 수 없습니다('innerHTML' 설정). "Continuous TextBox"(내 클래스에 의해 정의됨) 클래스의 요소에서 PHP를 사용하여 웹 페이지를 만들려고 합니다. 클릭하면 다른...
에서 2023-11-08 21:06:09
0
1
278
JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법 [name-rgb]라는 Javascript 개체를 만들었습니다. 기본: 명명된Colors={AliceBlue:[240,248,255],AntiqueWhite:[2...
에서 2023-11-06 09:05:50
0
2
210
왜 그렇게 많은 JavaScript 스크립트가 사물에 임의의 숫자를 추가합니까? 충돌? 나는 최근에 JavaScript를 배우고 있으며 Math.rand()를 사용하여 링크(Face book.com, 가독성 북마크)에 추가하는 많은 예를 보았습니다....
에서 2023-11-04 20:00:04
0
2
296
JavaScript의 성능 제한 식별 Javascript에서 병목 현상을 찾으려고 합니다. 기본적으로 저는 작업을 수행하는 데 4-5초가 걸리는 Javascript로 작성된 크롬 확장 프로그램을 개발...
에서 2023-10-31 20:47:17
0
1
229
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！