jQuery 기본 문법 이해

 

태그찾기

---

태그 찾기

document.querySelector('#test').textContent="안녕"

$('#test').html('안녕')


태그 클레스 추가

$('#test').html('안녕').addClass('yellow-bg')

Toggle()

---

제이쿼리 방식


$('#btn').on('click',()=>{
			$('.alerm-box').toggle()
		})


		$('.menu').on('click',()=>{
			$('.list-group').toggle('hide')
		})



돔 방식

const button=document.querySelector('#btn')
		const alerm= document.querySelector('.alerm-box')
		const menu=document.querySelector('.menu-box').children[1]
		const list=document.querySelector('.list-group')

		button.addEventListener('click',()=>{

			alerm.classList.toggle('hide')


		})

		menu.addEventListener('click',()=>{
			list.classList.toggle('hide')
		})