jQuery란?

✍️ 정의

• javascript 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리
• HTML의 DOM 조작과 이벤트 제어, 애니메이션 그리고 Ajax까지 웹 화면을 다루는 자바스크립트 라이브러리
• 지금은 Angular, React, Vue 와 같은 화면을 다루는 여러 기술들이 있지만, 그전에 화면 개발을 쉽게 해주는 라이브러리였다.

📘 Write less, do more - jQuery가 가지 철학

• 즉, 적은 코드로 생산성을 높이자는 뜻으로 해석할 수 있겠다.
• jQuery가 제공하는 기능
  • DOM과 관련된 처리를 쉽게 구현할 수 있다.
  • 규칙성을 가지고 이벤트를 처리할 수 있다.
  • 애니메이션 효과를 쉽게 만들 수 있다.
  • Ajax 처리 방식을 편리하게 사용할 수 있다.

🔎 제이쿼리 문법

제이쿼리의 기본 문법은 다음과 같다.

$(선택자).동작함수();

• $ 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다.
• 선택자를 이용하여 원하는 HTML 요소를 선택한다.
• 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다.

$() 함수

• 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할

Document 객체의 ready() 메서드

• 자바스크립에서 Window 객체의 onload() 메서드를 이용하여 문서가 모두 로드된 뒤에 코드가 실행되도록 설정한다.

window.onload = function () {
	자바스크립트 코드;
};

• 마찬가지로 제이쿼리에서 Document 객체의 ready() 메서드를 이용하여 같은 결과를 보장한다.

$(document).ready(function() {
	제이쿼리 코드;
});

$(function() {
	제이쿼리 코드;
});

이벤트 처리 - .on 메서드

• 제이쿼리른 특정 요소에 이벤트를 바인딩하기 위해서 .on() 메서드를 사용한다.

http://www.tcpschool.com/jquery/jq_event_handling

코딩교육 티씨피스쿨

 

인용

http://www.tcpschool.com/jquery/jq_elementSelection_jqSelector

코딩교육 티씨피스쿨

https://7942yongdae.tistory.com/77

jQuery - $(document).ready() 대신 $()를 사용하자