[Library/JQuery]: 특징 및 사용방법

2023. 4. 20. 20:04📚 Library/JQuery

장점

: HTML 환경에서 JS 코드보다 더 간결하고 편리하게 프로그래밍이 가능

공식 사이트: https://jquery.com/

Library 삽입

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

사용방법

script tag에

$('#id').함수()

body tag에

tag id="id" 내용 /tag

몇가지 예시

  • $(selector).text()
    : selector에 text 반환, 간단한 내용 출력에 유용
  • $(selector).append()
    : selector에 element 반환. 반복문과 결합하여 array, list 등 출력에 유용
  • $(selector).empty()
    : selector 내용 리셋
  • $(selector).click()
    : selector 클릭 이벤트 바인딩
  • $(selector).fadeIn()
    : selector fadeIn기능(에니매이션)

referance
스파르타코딩클럽 웹개발 종합반 강의자료
Chat GPT