ALOHA CLASS
/
Front-End
/
jQuery
Search
Share
jQuery
jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ผ ์ฝ์ด์ค๊ธฐ
jQuery๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ๋จผ์ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ผ์ HTML ๋ฌธ์์ ํฌํจ์์ผ์ผ ํฉ๋๋ค. ์ด๋ฅผ ์ํ ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์์ต๋๋ค:
jQuery
jQuery
jQuery
jQuery: The Write Less, Do More, JavaScript Library
1. ๋ก์ปฌ ํ์ผ๋ก ์ฝ์ด์ค๊ธฐ
jQuery ๊ณต์ ์น์ฌ์ดํธ์์ ํ์ผ์ ๋ค์ด๋ก๋ํ์ฌ ํ๋ก์ ํธ ํด๋์ ์ ์ฅํ ํ ์ฌ์ฉํ ์ ์์ต๋๋ค.
2. CDN์ผ๋ก ์ฝ์ด์ค๊ธฐ
jQuery ์ฌ์ฉํ๊ธฐ
jQuery ๊ฐ์ฒด
โข
๊ธฐ๋ณธ ํ์: $(์ ํ์)
โข
์์: $('#id'), $('.class'), $('div')
jQuery ๊ธฐ๋ณธ ๊ตฌ๋ฌธ
์คํ์ผ ๋ณ๊ฒฝ - css()
์ด๋ฒคํธ - on()
์ ๋๋ฉ์ด์ - animate()
๋ฉ์๋ ์ฒด์ธ