๊ธฐ๋ณธ ์ ํ์2 [JQUERY] jQuery ์์ฑ ์ ํ์ Jquery : ์์ฑ ์ ํ์ ์ด๋ฒ ์๊ฐ์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ jquery ์์ฑ ์ ํ์์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค.๐ #1. jquery ์์ฑ ์ ํ์ ๋ค์์ ์์ฑ ์ ํ์์ ์ข ๋ฅ ์ ๋๋ค. ํ์ ์์ ๋ฅผ ๋ณด๊ณ ์ดํดํด๋ด ์๋ค! ์ ํ์ ์ข ๋ฅ ์ค๋ช ์์[์์ฑ] $("p[class]") p ์์ ์ค class ์์ฑ์ ๊ฐ์ง๊ณ ์๋ ์์๋ฅผ ์ ํํฉ๋๋ค. ์์[์์ฑ='๊ฐ'] $("p[class='abc']") p ์์ ์ค class๊ฐ 'abc'์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. ์์[์์ฑ!='๊ฐ'] $("p[class!='abc']") p ์์ ์ค class๊ฐ 'abc'๊ฐ ์๋ ์์๋ฅผ ์ ํํฉ๋๋ค. ์์[์์ฑ='๊ฐ'] $("p[class~='abc']") p ์์ ์ค class๊ฐ 'abc'์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. ๊ทธ๋ฌ๋ 'abc' ์ ๋ค๋ก ์ฐ๊ฒฐ๋ ๋ฌธ์.. 2022. 8. 30. [JQUERY] jQuery ๊ธฐ๋ณธ ์ ํ์ jQuery : ๊ธฐ๋ณธ ์ ํ์ ์ด๋ฒ ์๊ฐ์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ jQuery ๊ธฐ๋ณธ ์ ํ์์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค.๐ #1. jQuery ๊ธฐ๋ณธ ์ ํ์ jquery์์๋ html์์์ ๊ด๋ จ๋ ๊ธฐ๋ฅ ๊ตฌํ์ด ๋ง๊ธฐ ๋๋ฌธ์ CSS์ ๋ฐ์ ํ ๊ด๊ณ๊ฐ ์์ต๋๋ค. ๋ค์์ ํ์ ํจ๊ป ๊ธฐ๋ณธ ์ ํ์์ ์ข ๋ฅ๋ฅผ ์์๋ด ์๋ค! ๐ ์ ํ์ ์ข ๋ฅ ์ค๋ช ํ๊ทธ ์ ํ์ $("p") p ํ๊ทธ๋ฅผ ์ ํํฉ๋๋ค. id ์ ํ์ $("#section") id๊ฐ section์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. class ์ ํ์ $(".section") class๊ฐ section์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. ์์ ์ ํ์ $("#section > ul > li") #section์ ์์ ์์ ์ค li๋ฅผ ์ ํํฉ๋๋ค. ์ธ์ ์ ํ์ $("#section + #content") #section์.. 2022. 8. 30. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ