Client/jQuery

[jQuery / ์ œ์ด์ฟผ๋ฆฌ] ์†์„ฑ(attribute) ๋ณ€๊ฒฝํ•˜๊ธฐ - attr()

meeeeejin 2020. 6. 17. 16:05

attr()์„ ์ด์šฉํ•ด ์š”์†Œ์˜ ์†์„ฑ ๋ณ€๊ฒฝํ•˜๊ธฐ

 

.attr()์„ ์ด์šฉํ•˜๋ฉด ์š”์†Œ์˜ ์†์„ฑ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜(get) ๋ณ€๊ฒฝ(set)ํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

 

$("elementName").attr("attributeName");

// ์š”์†Œ์˜ ์†์„ฑ ๊ฐ’ get

 

$("elemetName").attr("attributeName", "attributeValue");

// ์š”์†Œ์˜ ์†์„ฑ ๊ฐ’ set

 

 

<์‹ค์ œ ์ฝ”๋“œ ์‚ฌ์šฉ ์˜ˆ์‹œ>

 

js ์ฝ”๋“œ

 

 

 

์‚ฌ์šฉ ์˜ˆ์‹œ

 

์˜ˆ์‹œ 1) <img>์˜ src ์†์„ฑ ๊ฐ’ ๋ณ€๊ฒฝํ•˜๊ธฐ

 

html ์ฝ”๋“œ
js ์ฝ”๋“œ

 

 

 

 

 

๊ณต๋ถ€ํ•œ ๊ฒƒ์„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ˆ˜์ •ํ•  ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :)

 

 

728x90