yoonhyerin's public fiddles
-
20180913
jQuery 2.2.4, HTML, CSS, JavaScript
-
2018091 .animate(properties[, options])
jQuery 2.2.4, HTML, CSS, JavaScript
-
20180912 faqs
jQuery 2.2.4, HTML, CSS, JavaScript
-
20180912
No-Library (pure JS), HTML, CSS, JavaScript
-
20180912 .slideDown([duration[, function]])
jQuery 2.2.4, HTML, CSS, JavaScript
-
20180912
์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋:
-
20180912 .fadeOut([duration])
์์ ์ง์ ํ ์๊ฐ ๋งํผ ํ์ด๋์์ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค. ์ธ์๊ฐ ์์ผ๋ฉด ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค. ์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋: 15
-
20180912 .fadeIn("slow")
์ธ์์ ์ง์ ํ ์๊ฐ ๋งํผ ํ์ด๋์ธ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค. ์ธ์๊ฐ ์์ผ๋ฉด ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค. ์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋: 14
-
20180912 .fadeIn([duration])
์ธ์์ ์ง์ ํ ์๊ฐ ๋งํผ ํ์ด๋์ธ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค. ์ธ์๊ฐ ์์ผ๋ฉด ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค. ์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋: 13
-
20180912 .toggle([duration[, function]]) ์ถ๊ฐ slow
์ ํ์๋ฅผ ๊ฐ๋ ์์๊ฐ ์จ๊น ์ํ์ผ ๊ฒฝ์ฐ ๋ณด์ด๊ธฐ, ๋ณด์ ์ํ์ผ ๊ฒฝ์ฐ ์จ๊น์ ๋ฒ๊ฐ์ ์ฒ๋ฆฌํ๋ค. ์ธ์๋ฅผ ์ด์ฉํ์ฌ ํจ๊ณผ ์ ์ฉ ์๊ฐ ๋ฐ ์จ๊น/๋ณด์์ด ๋๋ ํ ์คํํ ํจ์๋ฅผ ๋ฑ๋กํ ์ ์๋ค. ๊ฐ๊ฐ ์๋ต์ด ๊ฐ๋ฅํ๋ค.
-
20180912 .toggle([duration[, function]])
์ ํ์๋ฅผ ๊ฐ๋ ์์๊ฐ ์จ๊น ์ํ์ผ ๊ฒฝ์ฐ ๋ณด์ด๊ธฐ, ๋ณด์ ์ํ์ผ ๊ฒฝ์ฐ ์จ๊น์ ๋ฒ๊ฐ์ ์ฒ๋ฆฌํ๋ค. ์ธ์๋ฅผ ์ด์ฉํ์ฌ ํจ๊ณผ ์ ์ฉ ์๊ฐ ๋ฐ ์จ๊น/๋ณด์์ด ๋๋ ํ ์คํํ ํจ์๋ฅผ ๋ฑ๋กํ ์ ์๋ค. ๊ฐ๊ฐ ์๋ต์ด ๊ฐ๋ฅํ๋ค.
-
20180912 show/hide ํจ๊ณผ ์ ์ฉ ์์
์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ>์ ์ฌ๋ณธ ์ฌ๋ผ์ด๋:8
-
20180912 .hide([duration[, function]]) ํ์ฅ์ ๋ฒ์ ผ
์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋ : 5
-
20180912 .hide([duration[, function]])
์น์ 4-jQuery ํจ๊ณผ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋ : 5
-
-
-
20180912 ..trigger(eventType) ์ค์
์ ํ์ ์์์๊ฒ ๋ฑ๋ก๋ ์ด๋ฒคํธ๋ฅผ ์คํฌ๋ฆฝํธ๋ก ๋ฐ์์ํจ๋ค. ์ฌ๋ผ์ด๋:17
-
20180912 .off(eventType, selector)
์ ํ์ ์์์๊ฒ ๋ฑ๋ก๋ ์ด๋ฒคํธ๋ฅผ ์ ๊ฑฐํ๋ค. on ๋ฉ์๋๋ก ์ด๋ฒคํธ ๋ฑ๋ก์ ์ฌ์ฉํ๋ ๋์ผ ์ธ์ ๊ฐ(์ด๋ฒคํธ ํ์ , ์ ํ์)์ผ๋ก ์ธ์๋ฅผ ์ค์ ํ๋ค. ์น์ 3-jQuery ์ด๋ฒคํธ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋:16
-
20180912 .off(eventType, selector, function)
์ ํ์ ์์์๊ฒ ๋ฑ๋ก๋ ์ด๋ฒคํธ๋ฅผ ์ ๊ฑฐํ๋ค. on ๋ฉ์๋๋ก ์ด๋ฒคํธ ๋ฑ๋ก์ ์ฌ์ฉํ๋ ๋์ผํ ์ธ ๊ฐ์ ์ธ์ ๊ฐ์ผ๋ก ์ค์ ํ๋ค.
-
20180912 .on(eventType, selector, function(){} | function name) ์์ ๋ฒ์ ผ
์ ํ์ ์์ ๋ด์ ์กด์ฌํ๋ ๋ ๋ฒ์งธ ์ธ์์ธ ์ ํ์๋ฅผ ๊ฐ๋ ์์์๊ฒ ์ฒซ ๋ฒ์งธ ์ธ์์ธ ์ด๋ฒคํธ ํ์ ์ผ๋ก ์ธ ๋ฒ์งธ ์ธ์์ธ ์คํํ ํจ์๋ฅผ ์ด๋ฒคํธ๋ก ๋ฑ๋กํ๋ค. ์น์ 3-jQuery ์ด๋ฒคํธ<์ฌ์ ๋ฐฐํฌ์ฉ> ์ฌ๋ผ์ด๋:12,13