728x90
attr() 메서드는 선택한 요소에 새 속성을 생성하거나 기존의 속성을 변경할때 또는 요소의 속성값을 불러올때 사용한다.
removeAttr() 메서드는 기존의 속성을 삭제할때 사용한다.
* 기본형
| 1) $("요소 선택").attr("속성명"); 2)$("요소 선택").attr("속성명", "새 값"); 3) $("요소 선택").attr("속성명1" : "새 값1", "속성명2" : "새값2", ..."속성명n" : "새값n"); 4) $(요소 선택).removeAttr("속성"); |
1) 선택한 요소의 지정한 속성값을 가져온다.
2) 요소를 선택하여 지정한 속성값을 적용한다
3) 요소를 선택하여 지정한 여러개의 속성값을 적용한다.
4) 선택한 요소에서 지정한 속성을 삭제한다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ var srcVal = $("#sec_1 img").attr("src"); //id값이 "sec_1"인 요소의 하위 <img> 요소를 선택하여 "src"값을 srcVal에 저장한다. console.log(srcVal); $("#sec_1 img") //id 값이 "sec_1"인 요소의 하위 <img>요소를 선택하여 각각의 값을 지정한 값으로 바꾸거나 새로 지정한다. .attr({ "width":200, "src": srcVal.replace("1.jpg","2.jpg"), "alt": "바위" }) .removeAttr("border"); }); </script> </head> <body> <h1><strong>객체 조작 및 생성</strong></h1> <section id="sec_1"> <h2>이미지 속성</h2> <p><img src="images/math_img_1.jpg" alt="바위" border="2"></p> </section> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| val() 메서드 (0) | 2021.08.21 |
|---|---|
| addClass() / removeClass() / toggleClass() / hasClass() 메서드 (0) | 2021.08.21 |
| html() / text() 메서드 (0) | 2021.08.21 |
| 속성 탐색 선택자 (0) | 2021.08.19 |
| index() 메서드 (0) | 2021.08.19 |
