-
자바스크립트 제이쿼리 차이점Web Programming 2023. 2. 19. 19:48728x90반응형
자바스크립트는 크게 4가지 요소로 구성됨
1. 자바스크립트 core 문법
2. 자바스크립트 core 라이브러리
3. 자바스크립트 BOM (Browser Object Model)
4. 자바스크립트 DOM (Document Object Model)
제이쿼리는 이중 자바스크립트 DOM작업을 쉽게 처리할 수 있도록 도와주는 라이브러리
또한 제이쿼리는 DOM작업을 쉽게 도와주는 라이브러리 일뿐, 자바스크립트 문법이나 라이브러리를 대체하는
프로그래밍 언어가 절대 아님을 인지해야 함 !!
javascript와 jQuery의 문법차이
<body> <ul id="differ"> <li>level1</li> <li>level2</li> </ul> </body>자바스크립트 소스
var difference = document.getElementById("differ"); var listFind = menu.getElementsByTagName("li"); for(var i=0;i<listFind.length;i++){ var li = listFind [i]; li.style.color="red"; }제이쿼리 소스
$("#differ li").css("color", "red");한 눈에 봐도 제이쿼리 소스가 훨씬 간단하고 간편하다..
그렇지만 속도 측면에서는 제이쿼리 소스보다는 순수 자바스크립트로만 하는 게 훨씬 빠르다고 한다.
그래서 순수 자바스크립트인 바닐라스크립트를 쓰는 곳도 많다고 한다..
바운더리 가 큰 프로젝트 화면은 아무래도 속도 측면에 영향을 많이 받을 수 있으니 순수 자바스크립트만으로 해는 경우도 많을 것 같다.
그치만 제이쿼리.. 너무 편하다 ㅠㅠ
728x90반응형'Web Programming' 카테고리의 다른 글
JAVA 자바 문자열 포함 여부를 확인할 때 contains (0) 2023.02.21 document ready 를 순수 javascript 로 변경할 때 (0) 2023.02.19 모바일 유튜브 프리미엄없이 유튜브 광고 제거하기 (0) 2023.02.19 제이쿼리 css 예시 (0) 2023.02.19 제이쿼리 클릭 이벤트 예시 (0) 2023.02.19