jQuery Basics

HK·2022년 4월 1일
0
post-custom-banner

💡jQuery 링크하기

📌방식 1

마감 body tag 바로 위에 jQuery 오픈소스 파일과 내가 만드는 파일을 링크하기

	<script src=”script/jquery-1.12.4.js”></script>
	<script src=”script/custom.js”></script>
</body>

이때, 오픈소스 파일이 내가 작성한 파일보다 항상 위에 있어야 한다.

📌방식 2

htmld의 head 부분에 태그를 포함하기

💡jQuery 기본 구문 만들기, 선택자

📌기본 구문

$('선택자').함수(function(){
	실행 구문;
});

📌선택자(selector)의 종류

  • CSS 클래스 선택자
  • CSS 아이디 선택자
  • CSS 태그 선택자
  • this

📌필수 함수(function) 종류

  • click
  • mouseenter
  • mouseleave

📌필수 메서드(method) 종류

  • slideDown()
  • slideUp()
  • stop()
  • show()
  • hide()
  • fadeIn()
  • fadeout()
  • addClass()
  • removeClass()
  • children()
  • siblings()
post-custom-banner

0개의 댓글