์๋ ํ์ธ์ ๋ฆฌ๋ฌด๋ฆฌ๋ฌด์ ๋๋ค.
์ค๋์ ์๋ฐ ์คํฌ๋ฆฝํธ๋ฅผ ์กฐ๊ธ ๋ ํจ์จ์ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ๋
"jQuery"์ ๋ํด์ ์์๋ณด๊ฒ ์ต๋๋ค.
jQuery๋?
jQuery๋ HTML์ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์กฐ์์ ๋จ์ํํ๋๋ก ์ค๊ณ๋ ํฌ๋ก์ค ํ๋ซํผ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค.
์กด ๋ ์์ด 2006๋ ๋ด์ ์ ๋ฐ ์บ ํ์์ ๊ณต์์ ์ผ๋ก ์๊ฐํ์๋ค.
์ถ์ฒ: ์ํค๋ฐฑ๊ณผ
jQuery๋ ์๋ฐ ์คํฌ๋ฆฝํธ์ ๋ฌธ์ฅ์ ์กฐ๊ธ ๋ ์งง๊ณ ๊ฐ๋จํ๊ฒ ์ธ ์ ์๊ฒ
๋์์ค๋๋ค.
ex) getElementIdBy('content') -> $('#content')
์ฌ์ฉ ๋ฐฉ๋ฒ
1. code.jquery.com/์ ์
2. ๊ฐ์ฅ ์ต์ ๋ฒ์ ์ jQuery code๋ฅผ minified
์ฌ์ดํธ ์ ์ ํ ์ต์ ๋ฒ์ ์ชฝ์ด minified ํด๋ฆญ
3. code๋ฅผ ๋๋๊ทธ ํ ๋ณต์ฌ ํน์ ์ค๋ฅธ์ชฝ copy ๋ฒํผ์ ํด๋ฆญ
4. ์์ ์ code์ ๋ถ์ฌ ๋ฃ๊ธฐ
<body> </body> ์ฌ์ด์ ๋ฃ์ด์ฃผ์ด์ผ ํฉ๋๋ค.
5. ์ด์ ์ฝ๋๋ฅผ ์ฌ์ฉํด ๋ณด๊ธฐ
// $(์ ํ์).ํ์
//#์ id๋ฅผ ์๋ฏธํจ
document.write($('#content').val());
document.write(getElementIdBy('content').value);
์ ๊ฐ์ ๊ฒฐ๊ณผ ๊ฐ
๊ธด ๊ธ์ $๊ณผ #๋ง์ ์ด์ฉํด์ ํํํจ์ผ๋ก์จ ํจ์ฌ ๊ฐ๋จํ ๋ฌธ์ฅ์ด ๋จ
์ด ๋ฐ์๋ "ํ์"๋ฅผ ๋ค๋ฅธ ๊ฒ์ผ๋ก ์ ํํด ์ค์ผ๋ก์จ
์ด๋ฒคํธ๋ฅผ ๋ฐ๋ก ์ ์ํ์ง ์๊ณ ์ฌ์ฉํ ์ ์์ต๋๋ค.
API Documentation ํญ์ ๋ค์ด๊ฐ์๋ฉด
๋ ๋ค์ํ ๊ธฐ๋ฅ๋ค์ ํ์ธํ ์ ์์ต๋๋ค.
jQuery๋ฅผ ์ ํ์ฉํ๋ค๋ฉด,
๋ง์ ์์ ์ฝ๋ฉ์ ํ ๋ ํ์ธต ๋ ์์ํ ์ ์๊ฒ ์ต๋๋ค.