πŸ’»
jQuery
  • 제이쿼리
  • 제이쿼리 κΈ°λ³Έ
  • μ„ νƒμž
    • κΈ°λ³Έ μ„ νƒμž
    • 계측 μ„ νƒμž
    • 속성 μ„ νƒμž
    • κΈ°λ³Έ ν•„ν„° μ„ νƒμž
    • λ‚΄μš© ν•„ν„° μ„ νƒμž
    • λ³΄μž„ ν•„ν„° μ„ νƒμž
    • μžμ‹ μš”μ†Œ ν•„ν„° μ„ νƒμž
    • 폼 μš”μ†Œ ν•„ν„° μ„ νƒμž
  • 탐색
    • find() / filter()
    • each() / $.each()
  • 속성
    • position() / offset()
    • addClass() / removeClass()
    • toggleClass()
    • hasClass()
    • Attr() / removeAttr()
    • scrollTop() / scrollLeft()
  • λ³€κ²½
    • text() / html()
    • append() / prepend()
    • remove() / empty()
  • μ• λ‹ˆλ©”μ΄μ…˜
    • show() / hide()
    • fadeIn() / fadeOut()
    • slideUp() / slideDown()
    • animate()
  • 이벀트
Powered by GitBook
On this page

Was this helpful?

  1. μ• λ‹ˆλ©”μ΄μ…˜

fadeIn() / fadeOut()

$("μ„ νƒμž").fadeIn("μ‹œκ°„", "가속도", "μ½œλ°±ν•¨μˆ˜"); $("μ„ νƒμž").fadeOut("μ‹œκ°„", "가속도", "μ½œλ°±ν•¨μˆ˜"); $("μ„ νƒμž").fadeToggle("μ‹œκ°„", "가속도", "μ½œλ°±ν•¨μˆ˜"); $("μ„ νƒμž").fadeTo("μ‹œκ°„");

효과 λ©”μ„œλ“œ μ’…λ₯˜

ꡬ뢄

μ’…λ₯˜

μ„€λͺ…

μˆ¨κΉ€

hide()

fadeOut()

slideUp()

μš”μ†Œλ₯Ό μˆ¨κΉλ‹ˆλ‹€.

μš”μ†Œκ°€ 점점 투λͺ…ν•΄μ§€λ©΄μ„œ μ‚¬λΌμ§‘λ‹ˆλ‹€.

μš”μ†Œκ°€ 점점 투λͺ…ν•΄μ§€λ©΄μ„œ μ‚¬λΌμ§‘λ‹ˆλ‹€.

λ…ΈμΆœ

show()

fadeIn()

slideDown()

μˆ¨κ²¨μ§„ μš”μ†Œκ°€ λ…ΈμΆœλ©λ‹ˆλ‹€.

μˆ¨κ²¨μ§„ μš”μ†Œκ°€ 점점 μ„ λͺ…ν•΄μ§‘λ‹ˆλ‹€.

μˆ¨κ²¨μ§„ μš”μ†Œκ°€ μ•„λž˜λ‘œ νŽΌμ³μ§‘λ‹ˆλ‹€.

λ…ΈμΆœ,

μˆ¨κΉ€

toggle()

fadeToggle()

slideToggle()

fadeTo()

hide(), show() 효과λ₯Ό μ μš©ν•©λ‹ˆλ‹€.

fadeIn(), fadeOut() 효과λ₯Ό μ μš©ν•©λ‹ˆλ‹€.

slideUp(), slideDown() 효과λ₯Ό μ μš©ν•©λ‹ˆλ‹€.

μ§€μ •ν•œ 투λͺ…도λ₯Ό μ μš©ν•©λ‹ˆλ‹€.

Previousshow() / hide()NextslideUp() / slideDown()

Last updated 4 years ago

Was this helpful?