본문 바로가기

개발중/jQuery

JQUREY 함수01

728x90
반응형

 

JQUREY 함수 show(), hide() 사용하기

 

 

HTML문서 style에서 

a태그와 div태그를 간단히 꾸며주고

 

 

 

 

 

보이기 버튼을 눌렀을 때 

.show() 실행

 

숨겨 놓았던 BOX가 보인다. 😁



 

 

감추기버튼을 눌렀을 때 

.hide() 실행

 

보이던 BOX가 감춰진다. 😩

 

 

 

 

 

 

 

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

 

 

MOUSEENTER 🙉

MOUSELEAVE 🙈

 

버튼에 내가 마우스를 올려 놓았을 때 실행이 되는

mouseenter

 

 

 

 

 

버튼에 내 마우스가 존재하지 않을 때 실행이 되는

mouseleave

 

 

 

 

 

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

 

 

선택자 종류

CSS 클래스 선택자

CSS 아이디 선택자

CSS 태그 선택자

this

 

 

 

필수 함수 종류

click

mouseenter

mouseseleave

 

 

필수 메서드 종류

sideDown()

slideup()

stop()

show()

hide()

fadeln()

fedeout()

addClass()

removeClass()

children()

siblings()

 

 

 

* 제이쿼리 메서드는 단어가 2개 붙어서 사용되면 단어 첫 글자는 꼭! 대문자로 표시

 

728x90
반응형

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

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