js가 있는데 왜 jquery를 사용하나요?
- WBOY원래의
- 2022-06-07 17:24:071133검색
jquery는 JavaScript를 사용하여 웹 페이지 특수 효과를 개발할 때 발생하는 복잡성 중 일부를 단순화하므로 일반적인 작업을 자동화하고 복잡한 작업을 단순화하므로 원래 많은 JavaScript 코드가 필요한 기능을 몇 줄로 줄일 수 있습니다. 그리고 충분히 높은 성능을 제공하므로 JavaScript가 있는 경우 jquery를 사용하여 코드 줄을 줄여야 합니다.
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.
js가 있는데 jquery를 사용하는 이유
jQuery는 JavaScript 라이브러리이므로 JavaScript 위에서 실행될 수 있습니다. 그 자체로는 존재할 수 없으므로 그 위에 겹쳐서 사용할 수 없습니다. JavaScript만 사용할 수도 있고 JavaScript와 jQuery만 사용할 수도 있습니다. jQuery는 JavaScript 개발을 단순화하기 위해 도입되었습니다. 개발 시간이 단축됩니다. 이를 사용하여 애니메이션을 추가하고 웹사이트에서 작업할 수도 있습니다.
jQuery는 신속한 웹 개발을 위해 HTML 문서 탐색, 이벤트 처리, 애니메이션 및 Ajax 상호 작용을 단순화합니다. jQuery는 JavaScript 및 기타 JavaScript 라이브러리보다 사용하기 쉽습니다. JavaScript를 사용할 때보다 jQuery를 사용할 때 작성해야 하는 코드 줄이 더 적습니다.
jQuery는 JavaScript를 사용하여 웹 페이지 특수 효과를 개발할 때 발생하는 복잡성 중 일부를 단순화하고 일반적인 작업을 자동화하고 복잡한 작업을 단순화하는 JavaScript 라이브러리 세트입니다. jQuery를 사용하면 원래 많은 JavaScript 코드가 필요한 기능을 몇 줄의 코드로 줄일 수 있을 뿐만 아니라 충분히 빠른 성능을 제공할 수 있습니다.
예를 들어 다음과 같은 기본 웹 페이지가 있다고 가정해 보겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div id="box2"></div>
</body>
</html>그런 다음 기본 JavaScript와 jQuery를 사용하여 위 세 div의 배경색을 변경합니다.
<script>
//使用原生JavaScript改变背景颜色
window.onload = function (ev) {
var div1 = document.getElementsByTagName("div")[0];
var div2 = document.getElementsByClassName("box1")[0];
var div3 = document.getElementById("box2");
// console.log(div1);
// console.log(div2);
// console.log(div3);
div1.style.backgroundColor = "red";
div2.style.backgroundColor = "yellow";
div3.style.backgroundColor = "blue";
}
//使用jQuery改变背景颜色
// $(function () {
// var $div1 = $("div")[0];
// var $div2 = $(".box1")[0];
// var $div3 = $("#box2")[0];
// // console.log($div1);
// // console.log($div2);
// // console.log($div3);
// $div1.css({
// background: "red"
// });
// $div2.css({
// background: "yellow"
// });
// $div3.css({
// background: "blue"
// });
// })
</script>두 가지 방법을 비교해 보면 jQuery 사용의 가장 직접적인 이점은 CSS 선택기를 기반으로 DOM 요소를 빠르게 얻을 수 있다는 점입니다. 또한 DOM 요소의 CSS 스타일을 수정할 때 프로그래밍 형식이 스타일 태그와 유사하여 기억하기 쉽습니다. 물론 jQuery를 사용하면 다른 이점도 있는데, 이는 이후 연구에서 계속해서 발견하고 탐구할 것입니다.
동영상 튜토리얼 추천: jQuery 동영상 튜토리얼
위 내용은 js가 있는데 왜 jquery를 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!