> 웹 프론트엔드 > JS 튜토리얼 > jquery와 자바스크립트의 차이점은 무엇인가요?

jquery와 자바스크립트의 차이점은 무엇인가요?

青灯夜游
풀어 주다: 2023-01-03 09:31:52
원래의
8689명이 탐색했습니다.

차이점: JavaScript는 언어이고 jQuery는 JavaScript 언어를 기반으로 한 프레임워크입니다. javascript 작동 스타일의 메소드는 인라인 스타일만 얻을 수 있으며 내장 또는 외부 스타일은 얻을 수 없습니다. JQUERY 작동 스타일의 메소드는 인라인 또는 내장이 가능합니다.

jquery와 자바스크립트의 차이점은 무엇인가요?

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

1. 본질적인 차이점:

1. js는 일반적인 개발 언어인 java와 유사한 웹 스크립팅 언어라는 것을 누구나 알고 있습니다.

2. jQuery는 js를 기반으로 캡슐화된 프런트 엔드 프레임워크입니다.

따라서 가장 중요한 차이점은 js는 언어이고 jQuery는 이 언어를 기반으로 하는 프레임워크라는 것입니다. 가장 근본적인 차이점 외에도 사용법에도 몇 가지 차이점이 있습니다.

2. 사용법 차이:

1. 겉보기에는 js 객체보다 "$()" 레이어가 더 많습니다.

2. ①.비형식 요소(텍스트인 경우 text 메소드, html 코드인 경우 html 메소드 사용)

예: p.text();——매개변수가 없으면 값입니다

p.text ("aaaa");——매개변수가 있으면 할당

p.html();——매개변수가 없으면 값

p.html("aaaa"); ——매개변수가 있는 경우 다음은 할당

[추천 튜토리얼:

jq 튜토리얼

] ②. 양식 요소

JS: p.value = xxx; p.val( );——매개변수가 없으면 값이고, 매개변수가 있으면 할당입니다.

**************************************************** *******************

3. 속성 조작

JS에서 속성을 조작하는 데 사용되는 방법은 p.setAttribute("","")입니다. ;——속성 설정, 속성 수정

p.removeAttribute("");——속성 제거, 따옴표 안에 속성 이름 쓰기

p.getAttribute();——속성 가져오기

JQUERY는 속성을 조작하는 데 사용됩니다. Method

속성 추가: p.attr("test","aa");——이 attr 메서드에 매개변수를 추가합니다. 속성 이름은 test이고 속성 값은 aa

속성 제거: p.removeAttr (" test");——테스트 속성 제거

속성 가져오기: p.attr("test");——attr 메소드에 직접 속성 이름을 작성하세요

******** * ************************************************** *************

4. 작업 스타일

JS의 작업 스타일 키워드는 style예: p.style.BackgroundColor = "red";—— 이렇게 입력하세요. p 배경색이 빨간색으로 설정되었습니다

JQUERY의 작업 스타일 키워드는 css

예: p.css("Background-color","yellow");——이 p의 배경색을 노란색으로 변경하고, 여기 CSS의 모든 스타일은 변경 사항 없이 CSS 스타일 시트의 스타일과 정확히 동일합니다.

JS 스타일 운영 방식은 내장 스타일이나 외부 스타일이 아닌 인라인 스타일만 가져올 수 있습니다! ! ! ! !

JQUERY 운영 스타일의 방법은 인라인 또는 임베디드일 수 있습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 jquery와 자바스크립트의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿