Jquery[제이쿼리] attr() 메서드 배우기

안녕하세요~ 제이쿼리공장장 주니주니 입니다.

오늘은 제이쿼리[jquery] attr() 메서드를 배워보겠습니다.

오늘은 이렇게 준비해보았습니다.

실행화면입니다.

=============================== 
$('textarea').val($('.div0').html());
=============================== 
<textarea>태그의 value의 값을 class div0의 html()값으로 넣어주었습니다.


=============================== 
$('.b1').on('click',function(){
   var text_1 = $('.t1').val();
   var text_2 = $('.t2').val(); 
   var text_3 = $('.t3').val();
   if(text_3 != "")
   {
    $(text_1).attr(text_2,text_3);    
   }   
    alert($(text_1).attr(text_2));      
  });
===============================
변수 text_1 / text_2 / text_3 에 각각 text박스의 값을 저장하도록하였습니다.
그리고 변수 text_3의 값이[수정: 뒤에있는 text박스입니다] 비어있지않으면
attr()메서드를 이용하여 입력한 태그 / 속성의 값을 입력한 값으로 수정하도록 하였습니다.
그뒤에 입력한 태그/속성의 값을 alert()메서드를 이용하여 확인하도록 하였습니다.

※attr()란 입력한 속성의 값을 가지고오거나 수정하는 메서드입니다.

이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/attr/

=============================== 
$('textarea').val($('.div0').html());
===============================
위에있는 소스추가로 <textarea>태그의 value의 값이 변경된 모습입니다.

<img>태그의 src속성을 검색해보았습니다.

class b1의 value값을 "검색"에서 "검색하기"로 변경한모습입니다.

오늘은 제이쿼리[jquery] attr() 메서드를 배워보았습니다.
그럼 다음에 또만나요~