์œ ํŠœ๋ธŒ ๋น„๋””์˜ค ๊ณ ์ • ์Šคํฌ๋ฆฝํŠธ ์—…๋ฐ์ดํŠธ ๋ฐ ์ฃผ์ ˆ๊ฑฐ๋ฆผ

์œ ํŠœ๋ธŒ ๋น„๋””์˜ค ๊ณ ์ • ์Šคํฌ๋ฆฝํŠธ ์—…๋ฐ์ดํŠธ ๋ฐ ์ฃผ์ ˆ๊ฑฐ๋ฆผ

ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธ€, ๊นƒํ—ˆ๋ธŒ, ์ฝ”๋“œํŽœ ๋ชจ๋‘ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ณ„๋‹ค๋ฅธ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์ง„ ์•Š์•˜๊ณ , ๋ฐ”๋‹๋ผ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด ๋‹ค์‹œ ์ œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.์ œ ์ปดํ“จํ„ฐ์— ๊น”๋ฆฐ IE(ver : 11.648.17174.0)์—์„  ๋™์ž‘ํ•˜์ง€ ์•Š์œผ๋‹ˆ, IE ์ง€์›์„ ์›ํ•˜์‹œ๋ฉด ๊นƒํ—ˆ๋ธŒ์— vanilla๋ž€ ๋‹จ์–ด๊ฐ€ ๋“ค์–ด๊ฐ€์ง€ ์•Š์€ js ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์—ฌ๋‹ด์œผ๋กœ, ์ œ ๋ธ”๋กœ๊ทธ์— ์‚ฌ์šฉ ์ค‘์ธ ์Šคํฌ๋ฆฝํŠธ๋„ ๋ชจ์กฐ๋ฆฌ ๋ฐ”๋‹๋ผ js๋กœ ์—…๋ฐ์ดํŠธ๋ฅผ ํ•ด๋ณด๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•œ $("#elem").parents("#parents") ์กฐ์ฐจ๋„1234function parents(el, cls) { for (;(el = el.parentElement) && !el.classList.contains(cls);); return el}Colored by Color Scripterc..
jQuery ์— ๊ด€ํ•œ ์งง์€ ์ƒ๊ฐ

jQuery ์— ๊ด€ํ•œ ์งง์€ ์ƒ๊ฐ

jQuery๋กœ ์ง  ์Šคํฌ๋ฆฝํŠธ ๋ฐ”๋‹๋ผ๋กœ ์ง  ์Šคํฌ๋ฆฝํŠธ + $(html)์„ A๋กœ ์ง€์ •ํ•ด๋‘ฌ์„œ ๊ทธ๋ƒฅ banner-actv๋ž€ class๋ฅผ ๊ฐ€์กŒ๋Š”์ง€ ํ™•์ธํ•˜๋Š” if๋ฌธ์€ ๋‘˜ ๋‹ค jQuery๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. ์ง€๊ธˆ๊นŒ์ง€๋Š” jQuery๋ฅผ ๋ณ„์ƒ๊ฐ ์—†์ด ์• ์šฉํ•ด์™”๋‹ค. ๋น„์ „๊ณต์ž์ธ ๋‚ด๊ฐ€ ๋ณด๊ธฐ์—๋„ ๊ต‰์žฅํžˆ ๊ฐ„๋‹จํ•˜๊ณ , ๋งŽ์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์ œ์ด์ฟผ๋ฆฌ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์–ด์ ธ์„œ ๊ณต์œ ๋˜๊ณ  ์žˆ์–ด ์‹ค๋ ฅ์„ ๋Š˜๋ฆฌ๋Š”๋ฐ๋„ ์•„์ฃผ ๋งŽ์€ ๋„์›€์ด ๋๋‹ค. ํ•˜์ง€๋งŒ ์ตœ๊ทผ ๊ฝค ๋งŽ์€ ์ˆ˜์˜ ๊ฐœ๋ฐœ์ž๋“ค์ด jQuery๋ฅผ ๋ชป๋งˆ๋•…ํ•ด ํ•œ๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ๊ฒŒ ๋๋‹ค. 2๋…„์ฏค ์ „๋ถ€ํ„ฐ ๊ตญ๋‚ด์—์„œ๋„ jQuery๋ฅผ ํƒˆํ”ผํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๋Š” ์‚ฌ๋žŒ์ด ์žˆ๋˜๋ฐ, ๊ฝค ๋Šฆ๊ฒŒ ์•ˆ ์…ˆ์ด๋‹ค. ๊ฝค ์˜ค๋ž˜์ „ ์šฐ์—ฐํžˆ "You might not need jQuery"๋ž€ ์‚ฌ์ดํŠธ๋ฅผ ๋ฐฉ๋ฌธํ•˜๊ฒŒ ๋œ ์ ์ด ์žˆ๋Š”๋ฐ, ๊ทธ๋• ๋ฌด์‹ฌ์ฝ” ๋„˜๊ฒผ๋‹ค๊ฐ€ ์ตœ๊ทผ ๋ฌธ๋“ 'jQuer..
1
๋ธ”๋กœ๊ทธ ์ด์‚ฌ๊ฐ”์Šต๋‹ˆ๋‹ค (ํด๋ฆญ)