ํŠน์ •์š”์†Œ์ฐพ๊ธฐ 1

[javascript/jQuery] id, name, class ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ

์•ˆ๋…•ํ•˜์„ธ์š”, Haddoddo์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ javascript์™€ jquery์—์„œ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” id, name, class๋ฅผ ์‚ฌ์šฉํ•ด value๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. โ—‹ idํ”ํžˆ HTML์—์„œ ์‚ฌ์šฉํ•˜๋Š” id๋Š” ๊ฐ์ฒด์— ์ด๋ฆ„์„ ๋ถ€์—ฌํ•  ๋•Œ ์‚ฌ์šฉํ•˜์ง€๋งŒ ์ค‘๋ณต์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.id๊ฐ’์„ ์™œ ์ค‘๋ณต์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉด์•ˆ๋ ๊นŒ์š”? ์ด์œ ๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1. name์˜ ๊ฐ’์€ ์ค‘๋ณต๋ ๊ฒฝ์šฐ ๋ฐฐ์—ด๋กœ ์ฒ˜๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ id๋Š” ๊ทธ๋ ‡๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.2. id๋Š” javascript์™€ css์—์„œ ์ ‘๊ทผํ•˜๊ธฐ ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ค‘๋ณต๋œ ๊ฐ’์ด ์žˆ๋‹ค๋ฉด ์ œ๋Œ€๋กœ ์ˆ˜ํ–‰์„ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ๋ฒ•- javascript var x = document.getElementById("test").value; console.log(x) ..