javascript 2

[JQuery] ๋ผ๋””์˜ค, ์ฒดํฌ๋ฐ•์Šค, ์…€๋ ‰ํŠธ๋ฐ•์Šค ์„ ํƒ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ

์•ˆ๋…•ํ•˜์„ธ์š” ํ•˜๋˜๋˜์ž…๋‹ˆ๋‹ค.์˜ค๋Š˜์€ Jquery๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ผ๋””์˜ค๋ผ๋””์˜ค ๋ฒ„ํŠผ,์…€๋ ‰ํŠธ๋ฐ•์Šค์˜ ์ฒด์ธ์ง€ ์ด๋ฒคํŠธ์™€ ์ฒดํฌ๋ฐ•์Šค ํด๋ฆญ ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ•ด๋ณด๋„๋กํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. 1. ์…€๋ ‰ํŠธ ๋ฐ•์Šค ์ฒด์ธ์ง€ ์ด๋ฒคํŠธ HTML Volvo Saab Opel Audi Jquery$(document).ready(function() { $('#selectID').on('change',function(){ var x = $(this).val(); alert(x); }) }); 2. ๋ผ๋””์˜ค ๋ฒ„ํŠผ ์ฒด์ธ์ง€ ์ด๋ฒคํŠธ HTML Jquery$(document).ready(function(){ $("input:radio[name=country]").on('change',function(){ var x =$(this).attr('id'); alert(..

[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) ..