ํ์์ ํ์๋ฅผ ์ฌ์ฉํ๋ฉด ๊ธฐ๋ณธ ์ ํ์๋ก ์ ํํ ์์ ์ค ์ํ๋ ์์๋ฅผ ํ ๋ฒ ๋ ํ์ํด์ ์ข ๋ ์ ํํ๊ฒ ์ ํํ ์ ์๋ค. ๋ํ์ ์ธ ์๋ก ๋ฐฐ์ด์ ์ธ๋ฑ์ค๋ฅผ ์ฌ์ฉํด์ ์ ํํ๋ `์์นํ์ ์ ํ์`์ ๋ฐฐ์ด์ ๋ด๊ฒจ์ง ์์ ์ค ์ง์ ๋ ์์ฑ๊ณผ ๊ฐ์ผ๋ก ์ ํํ๋ `์์ฑ ํ์ ์ ํ์`๊ฐ ์๋ค. 1. ์์น ํ์ ์ ํ์ โผ๊ธฐ๋ณธ ์ ํ์๋ก ์ ํํ ์์๋ ๋ฐฐ์ด์ ๋ด๊ธฐ๊ฒ ๋๋ค.๊ทธ๋์ ๋ฐฐ์ด์ ์ธ๋ฑ์ค๋ฅผ ์ฌ์ฉํ๋ฉด ํน์ ์์๋ฅผ ์ข ๋ ์ ํํ๊ฒ ์ ํํ ์ ์๊ฒ ๋๋ ๊ฒ์ด๋ค. ์ข
๋ฅ์ฉ๋ฒ์ค๋ช
$("์์ ์ ํ:first")$("์์ ์ ํ").first()$("li:first")$("li").first()์ ์ฒด ์์ ์ค ์ฒซ๋ฒ์งธ ์์๋ง ์ ํ$("์์ ์ ํ:last")$("์์ ์ ํ").last()$("li:last")$("li").last()์ ์ฒด ์์ ..
ํจ๊ป ๋ณด๋ฉด ์ข์ ๊ด๋ จ ํฌ์คํ
โผ [JavaScript] jQuery๋ฅผ ์ฌ์ฉํ ๋ ์ ์ํด์ผ ํ ์ฌํญ๋คโญ ๋ฌธ์๊ฐ ๋ก๋๋ ํ ์คํํ์โญ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋จผ์ ๋ก๋ํ์โญ $ ์ถฉ๋ ๋ฐฉ์ง ํ์ ์ noConflict โญ ์ด๋ฒคํธ ์ค๋ณต ๋ฐฉ์ง off()โญ AJAX ์บ์ฑ ๋ฐฉ์ง (cache: false) โญ ๋์ ์์์ ์ด๋ฒคํธ ์ ์ฉ on()โญ ์ฑ๋ฅ ์ตawesomepossum.tistory.com [JavaScript] Object(๊ฐ์ฒด), DOM(๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ), function() ํจ์ ๊ธฐ์ด ์ค์ต1. Object (๊ฐ์ฒด) 2. DOM (Document Object Model)2-1. DOM(๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ) ๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ(DOM) HTML CSS JS 2-2. innerHTML vs textContent ์ค๋์ ๋ฌธ์๊ฐ..
โญ ๋ฌธ์๊ฐ ๋ก๋๋ ํ ์คํํ์โญ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋จผ์ ๋ก๋ํ์โญ $ ์ถฉ๋ ๋ฐฉ์ง ํ์ ์ noConflict โญ ์ด๋ฒคํธ ์ค๋ณต ๋ฐฉ์ง off()โญ AJAX ์บ์ฑ ๋ฐฉ์ง (cache: false) โญ ๋์ ์์์ ์ด๋ฒคํธ ์ ์ฉ on()โญ ์ฑ๋ฅ ์ต์ ํ (map(), .append() ์ต์ํ) 1. ๋ฌธ์๊ฐ ์์ ํ ๋ก๋๋ ํ ์คํํ๊ธฐ์ ํ์๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ๋ฌธ์ ๊ฐ์ฒด๋ฅผ ๋จผ์ ๋ถ๋ฌ์์ผ ํ๋ค. ๊ทธ๋์ HTML์ด ๋ก๋๋๊ธฐ ์ ์ jQuery ์ฝ๋๊ฐ ์คํ๋๋ฉด ์์๋ฅผ ์ฐพ์ ์ ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค.๐ ํด๊ฒฐ์ฑ
: $(document).ready() ์ฌ์ฉ ๋๋ ๋ณ๊ฒฝ๋ ํ
์คํธ โญ [๋ฐฉ๋ฒ 2] $(document).ready() ์ฌ์ฉ ๋ณ๊ฒฝ๋ ํ
์คํธ$(document).ready()๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฌธ์๊ฐ ์์ ํ ..
'jQuery' ํ๊ทธ์ ๊ธ ๋ชฉ๋ก
๋จ์ถํค
๋ด ๋ธ๋ก๊ทธ
๋ด ๋ธ๋ก๊ทธ - ๊ด๋ฆฌ์ ํ ์ ํ |
Q
Q
|
์ ๊ธ ์ฐ๊ธฐ |
W
W
|
๋ธ๋ก๊ทธ ๊ฒ์๊ธ
๊ธ ์์ (๊ถํ ์๋ ๊ฒฝ์ฐ) |
E
E
|
๋๊ธ ์์ญ์ผ๋ก ์ด๋ |
C
C
|
๋ชจ๋ ์์ญ
์ด ํ์ด์ง์ URL ๋ณต์ฌ |
S
S
|
๋งจ ์๋ก ์ด๋ |
T
T
|
ํฐ์คํ ๋ฆฌ ํ ์ด๋ |
H
H
|
๋จ์ถํค ์๋ด |
Shift + /
โง + /
|
* ๋จ์ถํค๋ ํ๊ธ/์๋ฌธ ๋์๋ฌธ์๋ก ์ด์ฉ ๊ฐ๋ฅํ๋ฉฐ, ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ๋๋ฉ์ธ์์๋ง ๋์ํฉ๋๋ค.