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 |