본문 바로가기

[ programing ]/JavaScript + JQuery

jQuery 어트리뷰트 attr() 메서드 사용



① 어트리뷰트 값 가져오기


<input type="text" value="너 누구냐" id="who are you" class="txt" />



$(document).ready(function(){

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

document.write(value);

});






 어트리뷰트 속성값 추가


<input type="text" value="너 누구냐" id="who are you" class="txt" />



$(document).ready(function(){

$(':input').attr('value', '에잇');


});



// <input type="text" value="에잇" id="who are you" class="txt" />





③ 어트리뷰트 속성 제거하기


<input type="text" value="너 누구냐" id="who are you" class="txt" />



$(document).ready(function(){

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


});



// <input type="text"  id="who are you" class="txt" />