JavaScript와 jQuery의 차이점은 무엇입니까

차이점: 1. JavaScript는 스크립팅 언어인 반면 jQuery는 js 라이브러리입니다. 2. JS에서는 요소를 찾는 방법이 너무 적고 복잡합니다. jQ에서 요소를 찾는 방법은 다양하며 매우 유연합니다. 3. JS는 주로 스타일을 설정하여 스타일을 변경합니다. jQ는 스타일을 변경하기 위해 css()를 사용합니다.

이 튜토리얼의 운영 환경: windows7 시스템, javascript1.8.5&&jquery1.10.0 버전, Dell G3 컴퓨터.

JavaScript와 jQuery는 우리가 프론트엔드를 배울 때 가지고 있는 지식인데, 둘의 차이점을 아시나요? 다음 글에서 공유하겠습니다.

JavaScript

JavaScript는 작고 가벼운 것입니다. 1단계 크로스 플랫폼 스크립팅 언어 역시 객체 지향 프로그래밍 언어이며 브라우저를 통해 프로그램 코드를 실행할 수 있습니다.

클라이언트 측에서 데이터 검증을 통해 네트워크 전송을 줄일 수 있는 등 많은 장점이 있으며, 다양한 페이지 개체를 레이아웃, 모양, 배경 및 작동 모드에 편리하게 사용할 수 있어 다양한 요구에 따라 만들 수 있습니다. 다른 페이지

jQuery

jQuery는 실제로 일반적으로 사용되는 일부 메소드를 별도의 js 파일에 작성하는 js 라이브러리입니다. 사용 시 js 파일을 직접 참조하면 되지만 사용하는 것보다 간단합니다. 자바스크립트.

JavaScript와 jQuery의 차이점

(1) JavaScript에서는 요소를 찾는 방법이 너무 적고 복잡한 반면, jQuery에서는 요소를 찾는 방법이 매우 다양하므로 매우 유연합니다.

(2) JavaScript는 배열을 순회할 때 다수의 for 루프가 재사용되며, jQuery에는 암시적 반복 기능이 있으므로 for 루프를 직접 작성할 필요가 없습니다.

(3) JavaScript에는 다양한 브라우저 호환성 문제가 있고 코드가 복잡하고 중복되지만 jQuery에서는 호환성 문제가 전혀 없습니다.

(4) JavaScript에서 간단한 애니메이션 효과를 구현하는 것은 매우 복잡하고 많은 양의 코드가 필요한 반면, jQuery에서 애니메이션을 구현하는 것은 매우 간단하고 더 강력합니다.

(5) 입력 기능의 차이점

JavaScript의 입력 기능 시스템의 모든 리소스(이미지 및 파일 포함)가 로드된 후에만 페이지 실행이 시작될 때까지 기다려야 합니다. .jQuery

의 입력 기능에서 [추천 학습: Advanced JavaScript Tutorial]

숫자는 실행을 시작하기 전에 문서 트리가 로드될 때까지만 기다리며, 이미지 및 파일의 로드를 기다리지 않습니다.

(6) 요소 획득의 차이점

JavaScript는 DOM 객체 획득

var demo=document.getElementById("demo");

jQuery는 jQuery 객체 획득

var demo=$("#demo")

(7) 속성 연산의 차이점

JavaScript에서는 다음 메서드를 사용하여 연산을 합니다

setAttribute();设置属性、修改属性
getAttribute();获取属性
removeAttribute();移除属性

jQuery에서 속성을 조작하는 방법은

attr("属性名","值")：添加属性，传递两个参数时表示给这个方法加入一个参数
attr("")：获取属性，传一个参数表获取值
removeAttr("")：移除属性

입니다. (8) 조작 스타일이 다릅니다.

JavaScript에서는 스타일을 설정하여 스타일을 변경하는 것이 주요 방법입니다.

<div style="backgroundColor="pink""></div>//设置背景颜色

jQuery에서는 CSS를 사용하여

$（"div"）.css("background-color","yellow")//设置背景颜色

를 설정합니다. 요약: 위 내용은 JavaScript와 jQuery의 차이점입니다. 다른 차이점이 있으면 자유롭게 추가해 주세요.

관련 튜토리얼 권장사항: jQuery Tutorial(동영상)

위 내용은 JavaScript와 jQuery의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!