Method Basic

$('선택자').함수(function(){

             $('선택요소').메서드();

});

< 메서드 분류 >

[이펙트]

.show()	선택요소 보이기
.hide()	선택요소 감추기
.slideDown()	선택요소 서서히 보이기
.slideUp()	선택요소 서서히 감추기
.slideToggle()	선택요소 서서히 보이기 / 감추기
.fadeIn(지속시간)	선택요소를 페이드로 서서히 나타나게 하는 효과
.fadeOut(지속시간)	선택요소를 페이드로 서서히 사라지게 하는 효과
.fadeToggle(지속시간)	선택요소를 페이드로 사라지고 나타나게 토글(toggle)
.stop()

지속시간 안넣으면 기본값 적용

- 단어로 넣을 땐 ('') / 숫자로 넣을 땐 ()

ex) ('fast'), ('slow')... / (2000), (500).... 

 

---

[클래스 제어]

.addClass()	선택요소에 클래스 넣기
.removeClass()	선택요소에 클래스 빼기
.toggleClass()	선택요소에 클래스 넣고 빼기(toggle)

 

---

 

[요소 탐색]

.children()	선택요소의 바로 아래 단계인 자식요소만 선택
.siblings()	선택요소의 형제요소 선택
.parent()
.find()
.next()
.prev()

children 실습(네비게이션 메뉴)

/*li 밑에 자식요소가 a태그와 .sub-menu 이렇게 두가지가 있기 때문에

children() 안에 정확히 어느태그에 액션을 줄것인지를 명시해줘야 오류를 막을 수 있음*/

 

/*stop은 제이쿼리가 이전 애니메이션을 기억하고 반복하는것을 멈춰줌*/

 

 

siblings 실습(공지사항/갤러리버튼)