본문 바로가기

JQuery/JQuery 기본

[JQuery] attr,prop

attr 는 여러 속성값을 사용가능
prop 는 하나의 속성값 사용가능
기능은 서로 같음

  <a href="http://www.naver.com" id="naver">네이버</a> 
<a href="http://www.tutorialspoint.com" id="w3s">튜토리얼포인트</a> 

 <script type="text/javascript"> 
 $(function () { 
   $("#btn3").click(function () {   //html 

      // getter
      alert("Attr:" + $('#naver').attr("href")); 

     // setter
      $('#naver').attr("href","http://zum.com");
     // prop
     $('#naver').attr("href","http://zum.com");

   //변경
 // $("#id").attr("title","daum"); 하나만 변경시 
   $("#id").attr({ 
    "title":"daum", 
    "href":"http://www.daum.net
   });


$("#w3s").attr("href",function(i, origValue){ 
    
    return origValue + "/jsp"; 
    // http://www.tutorialspoint.com/jsp 
    });


   }); 
}); 
 </script>


'JQuery > JQuery 기본' 카테고리의 다른 글

[JQuery] 삭제,요소지우기,text내용삭제,테그 삭제  (0) 2018.08.07
[JQuery] append preppend  (0) 2018.08.06
[JQuery] 키코드  (0) 2018.08.06
[JQuery] checkbox,radio  (0) 2018.08.06
[JQuery] 데이터 넣기  (0) 2018.08.06