SoloLearn jQuery 번역

What is jQuery?

jQuery란 무엇인가?

• jQuery is a fast, small, and feature-rich JavaScript library.
  • jQuery는 빠르고, 작고, 기능이 풍부한 JS 라이브러리이다.
• It makes things like HTML document traversal and manipulation, event handling, and animation much simpler.
  • HTML document 순회 및 조작, 이벤트 핸들링, 애니메이션을 보다 단순하게 해준다.

• All the power of jQuery is accessed via JavaScript, so having a strong grasp of JavaScript is essential for understanding, structuring, and debugging your code.
  • jQuery의 모든 기능은 JS를 통해 액세스 된다.
  • 그러므로 JS에 대한 이해, 구조, 디버깅이 필수적이다.

• First, let’s take a look at an example HTML manipulation with JavaScript.
  • 먼저, JS로 HTML을 조작하는 예제를 살펴보자.
• To get the element with the id=”start” and change its html to “Go” we will need to do the following:
  • id=”start” element를 선택하고, html을 “Go”로 변경한다.

var el = document.getElementById("start");
el.innerHTML = "Go";

• To do the same manipulation with jQuery, we need just a single line of code:
  • jQuery로 동일한 조작을 한다면, 단 한 줄의 코드만 필요하다.

$("#start").html("Go");

• You will learn about the new syntax in the coming lessons, but as you can see, the code is much shorter and easier to understand.
  • 보다시피, 코드가 더 짧고 이해하기가 쉽다.

Another great advantage of jQuery is that you do not need to worry about browser support, your code will run exactly the same in all major browsers, including Internet Explorer 6.

jQuery의 또 다른 장점은, 브라우저 지원에 대해 걱정할 필요가 없다는 것이다.

IE6를 포함한 모든 주요 브라우저에서 코드가 동일하게 실행된다.

QUIZ

• What is jQuery?
  • jQuery란 무엇인가?

[ ] JS Function

[ ] Programming Language

[ ] JS Library

• Fill in the blanks to change the elements HTML to “Test” using pure JavaScript.
  • 순수 JS를 사용해서 HTML을 “Test”로 변경해라.

var e = document.getElementById("test");
e.innerHTML = "Test";