jQuery에서 속성 다루기
지금부터 HTML 태그의 속성을 jQuery를 통해 읽고, 추가하고,
변경하는 방법을 배워보겠습니다.
이 모든 것은
attr
메서드를 사용하여 수행됩니다.
이 메서드는
html
메서드와 유사하게 작동합니다.
- 매개변수의 개수에 따라 속성값을 읽거나 변경합니다.
attr 메서드는 첫 번째 매개변수로 속성 이름을,
두 번째 매개변수로 새로운 값을 받습니다.
예를 들어, .attr('value',
와 같이 작성하면 문자열 'www')'www'를
value 속성에
쓰게 됩니다.
만약 하나의 매개변수로 attr를 호출하면,
첫 번째 매개변수에 지정한 이름의 속성 값을 반환합니다.
예를 들어, .attr('value')로 호출하면
value 속성의 값을 얻을 수 있습니다.
다음 예제에는 input 요소가 있습니다:
<input type="text" value="!!!" id="test">
다음으로, 해당 요소의
id로 input을 선택하고
value 속성의 값을 화면에 출력합니다:
alert($('#test').attr('value')); // '!!!'를 출력합니다.
id가 www인 이미지의
src 속성 내용을 가져오세요.
www 클래스를 가진 요소 내에 있는 링크의
href 속성을 가져오세요.
페이지의 모든 이미지의 src
속성 내용을 가져와 순차적으로 출력하세요.
모든 링크의 href 속성을 가져와 순차적으로 출력하세요.
