jQuery 어트리뷰트 속성 값 attr()

① attr() 속성값 불러오기

<input type="text" value="꼬망이는 귀엽다" id="nameValue" class="txt" />

$(document).ready(function(){

var value = $(':input').attr('value');

document.write(value);

});

attr() 메서드 인자값을 한개 넘기면 속성값 불러오기

// 꼬망이는 귀엽다 출력

② attr() 속성값 주기

<input type="text" value="꼬망이는 귀엽다" id="nameValue" class="txt" />

$(document).ready(function(){

var value = $(':input').attr('value', '초코도 귀엽다');

});

attr() 메서드 인자값을 두개 넘기면 속성값 주기

// <input type="text" value="초코도 귀엽다' id="nameValue" class="txt" /> 변경됨

③ attr() 여러 속성값 추가해기

<input type="text" value="꼬망이는 귀엽다" id="nameValue" class="txt" />

$(document).ready(function(){

$(':input').attr({value:'value수정', id:'CatName' , class:'class수정' })

});

④ removeAttr() 속성 제거하기

<input type="text" value="꼬망이는 귀엽다" id="nameValue" class="txt" />

$(document).ready(function(){

$(':input').removeAttr('value')

});

<input type="text" id="nameValue" class="txt" />