jQuery

โœจ ๊ณผ์ œ. ์ง€๋‚œ์‹œ๊ฐ„์— ๋งŒ๋“ค์—ˆ๋˜ script๋ฅผ querySelector ์™€ querySelectorAll์„ ์‚ฌ์šฉํ•ด์„œ ๋ฐ”๊ฟ”๋ณด์ž.

<script>
    document.querySelector('.navbar-toggler').addEventListener('click', function(){
        //1. querySelector 
        document.querySelector('#list1').classList.toggle('show');
        
        //2. querySelectorAll
        document.querySelectorAll('.list-group')[0].classList.toggle('show');
    });
</script>

HTML ์กฐ์ž‘๋ฌธ๋ฒ•์„ ์‰ฝ๊ฒŒ ๋ฐ”๊ฟ”์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค

jQuery , React, Vue, Angular

๊ทธ ์ค‘์— ์‰ฌ์šด jQuery๋ฅผ ์‚ฌ์šฉํ•ด๋ณด์ž.

์œ„์˜ javascript ์ฝ”๋“œ๋ฅผ jQuery๋กœ ๋ณ€ํ™˜ํ•œ ์˜ˆ์‹œ

๐Ÿ’ŽjQuery ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

jquery cdn ๊ฒ€์ƒ‰

script ๋ณต์‚ฌ

๋ณต์‚ฌ ํ•œ ์ฝ”๋“œ๋ฅผ head์— ์‚ฝ์ž…

ํ•ด๋‹น ์ฝ”๋“œ์œ„์— ๋งˆ์šฐ์Šค ์ปค์„œ ๊ฐ€์ ธ๊ฐ„ ํ›„์— ๋‚˜ํƒ€๋‚˜๋Š” ํŒ์—…์ฐฝ์—์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‹ค์šด๋กœ๋“œ ํด๋ฆญ
์„ค์ •์—์„œ ๋‹ค์šด๋กœ๋“œ ๋œ jQuery ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ™•์ธ

๐ŸŽˆ์„ค์ • ๋‹จ์ถ•ํ‚ค๋Š” Ctrl + Alt + S

โœจ ๊ณผ์ œ. ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด modal ์ฐฝ ๋„์šฐ๊ธฐ (jQuery ์‚ฌ์šฉํ•˜๊ธฐ)

Last updated