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 ๊ฒ์


๋ณต์ฌ ํ ์ฝ๋๋ฅผ head์ ์ฝ์


๐์ค์ ๋จ์ถํค๋ Ctrl + Alt + S
โจ ๊ณผ์ . ๋ฒํผ ๋๋ฅด๋ฉด modal ์ฐฝ ๋์ฐ๊ธฐ (jQuery ์ฌ์ฉํ๊ธฐ)
Last updated