jQuery에서 속성 다루기

지금부터 HTML 태그의 속성을 jQuery를 통해 읽고, 추가하고, 변경하는 방법을 배워보겠습니다. 이 모든 것은 attr 메서드를 사용하여 수행됩니다. 이 메서드는 html 메서드와 유사하게 작동합니다. - 매개변수의 개수에 따라 속성값을 읽거나 변경합니다.

attr 메서드는 첫 번째 매개변수로 속성 이름을, 두 번째 매개변수로 새로운 값을 받습니다. 예를 들어, .attr('value', 'www') 와 같이 작성하면 문자열 'www'를 value 속성에 쓰게 됩니다.

만약 하나의 매개변수로 attr를 호출하면, 첫 번째 매개변수에 지정한 이름의 속성 값을 반환합니다. 예를 들어, .attr('value')로 호출하면 value 속성의 값을 얻을 수 있습니다.

다음 예제에는 input 요소가 있습니다:

html<input type="text" value="!!!" id="test">

다음으로, 해당 요소의 id로 input을 선택하고 value 속성의 값을 화면에 출력합니다:

javascriptalert($('#test').attr('value')); // '!!!'를 출력합니다.