> 웹 프론트엔드 > JS 튜토리얼 > jquery와 js의 차이점은 무엇입니까? js와 jquery의 사용법 차이점 소개

jquery와 js의 차이점은 무엇입니까? js와 jquery의 사용법 차이점 소개

不言
풀어 주다: 2018-09-29 10:16:12
원래의
10548명이 탐색했습니다.

JS를 배우다 보면 당연히 jquery를 접하게 되겠죠. 그렇다면 js와 jquery의 차이점은 무엇일까요? 이 글은 jquery와 js의 차이점과 비교를 공유할 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

애프터세일즈 라인 jquery와 js의 개념을 간단히 살펴보겠습니다.

js는 웹 클라이언트 프로그래밍에 자주 사용되는 스크립트 언어로, 웹 페이지가 클라이언트 브라우저에서 더욱 동적인 기능을 구현하고 더욱 풍부한 시각적 효과를 보여줄 수 있도록 해줍니다.

jquery는 JavaScript 프로그래밍을 크게 단순화하는 빠르고 간결한 JavaScript 프레임워크입니다.

위 내용은 js와 jquery에 대한 간략한 소개일 뿐입니다. js와 jquery에 대해 더 알고 싶다면 javascript의 의미는 무엇인가요? Jquery 소개 및 자세한 내용은 무엇인가요? 사용법.

jquery와 js 소개를 읽은 후

js와 jquery의 사용법 차이점을 계속 살펴보겠습니다.

1 jquery와 js의 가장 직관적인 차이점은 jQuery 객체가 js 객체보다 더 많은 "$()"를 갖는다는 것입니다.

2.jquery와 js 연산 내용의 차이점

비형식 요소(텍스트라면 text 방식, html 코드라면 html 방식)

예:

div.text();无参数的情况下是取值
div.text("aaaa");有参数的情况下是赋值
div.html();无参数的情况下是取值
div.html("aaaa");有参数的情况下是赋值
로그인 후 복사

Form element

JS:

div.value;

div.value = xxx; 할당

JUQERY:

div.val();

3. jquery와 js 운영 속성의 차이점

JS에서 속성을 운영하는 데 사용되는 방법은

div.setAttribute("","") - 속성 설정 및 수정

div.removeAttribute( "");——속성을 제거하고 따옴표 안에 속성 이름을 씁니다

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

JQUERY에서 속성을 조작하는 데 사용되는 메서드

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

속성 제거: div.removeAttr("test");——테스트 속성을 제거합니다.

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

4.jquery와 js 작업 스타일의 차이점

JS 작업 스타일의 키워드는 스타일입니다.

예:

div.style.backgroundColor= "red";
로그인 후 복사

이 div의 배경색을 빨간색으로 설정합니다.


JQUERY의 운영 스타일 키워드는 CSS입니다.

예:

div.css("background-color","yellow");
로그인 후 복사

이 div의 배경색을 노란색으로 변경하세요. 여기 CSS의 모든 스타일은 변경사항 없이 CSS 스타일 시트의 스타일과 정확히 동일합니다.


참고:

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

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

마지막으로 이 글은 여기서 끝납니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트를 주목하세요.


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

관련 라벨:
원천:在学习js的时候我们肯定能够接触到jquery,那么,js与jquery之间有什么区别呢?本篇文章将给大家来分享关于jquery与js之间的区别比较,有需要的小
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿