JQuery란?

박정호·2024년 11월 4일

JS

목록 보기
6/8

1. jQuery

1-1. 라이브러리

  • 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다.
  • 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드

1-2. jQuery

  • jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다.
  • 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트를 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리

1-3. api doc

2. jQuery 제어의 대상 찾기

  • jQuery -> $
  • h1 태그 요소에 대한 획득
 let mytag = $("h1");
  • hello라는 css 클래스를 갖는 요소에 대한 획득
 let mytag = $(".hello");
  • hello라는 id 속성을 갖는 요소에 대한 획득
 let mytag = $("#hello");
  • 여러개 선택
 $('a, b, c')
  • 자식/자손 선택자
 $('a b')
  • 태그 속성
 $('tag_name[name=태그명]')

3. 이벤트

5-1. 이벤트를 정의하는 방법

  • $("셀렉터").이벤트이름(function(){~});

0개의 댓글