본문 바로가기

개발중/jQuery

JQUERY CLASS

728x90
반응형

 

JQUERY CLASS 제어를 해보자.👀👂

 

addClass()
removeClass()
toggleClass()

 

 

 

 

 

 

 

 

===========================================================

 

 

JQUERY를 이용하지 않고 구현 할경우

 

 

*일반적으로 클래스를 넣고 뺄 때는  active 라는 클래스 명을 사용해 😃

 

 

나중에 선언한 백그라운드 색상이 기존에 백그라운드 색을 덮어쓰는 현상.

에구머니야.

JQuery의 중요성. ( 필요할 때를 알고 지정 )

 

 

 

 

 

 

===========================================================

 

 

JQUERY를 이용하여서 구현 할경우

 

 

이번에 사용할 디자인은 이렇게 해봤습니다 에헴, 👽

 

 

 

 

 

 

☝ addClass()를 사용해서 클래스를 호출하는 방식 

 

 

 

 

 

 

✌ removeClass()를 사용해서 호출한 클래스를 지우는 방식

 

 

 

 

 

 

✋ toggleClass() 를 사용 두 클래스의 기능 합 

( addClass() + removeClass() )

 

 

 

 

 하나 하나 배울 수록 기대감,,

내가 HTML 배우고 싶은 이유는 얼릉 만들어보고 싶은 프로젝트

 

어느 하나 부족하고 싶지 않다 😡

728x90
반응형

'개발중 > jQuery' 카테고리의 다른 글

선택자  (0) 2020.08.20
next/prev (정)  (0) 2020.08.19
jQuery tap메뉴 버튼 만들기  (0) 2020.07.26
JQUERY 메뉴 네비게이션바 만들기  (0) 2020.07.26
JQUREY 함수01  (0) 2020.07.26