jQuery attr() 함수에 대해
jQuery의 attr() 함수는 선택된 특정 element의 값을 반환하거나 해당 element에 값을 설정하거나의 동작을 하는 함수이다.
$(selector).attr(attribute)
⇒ 해당 attribute의 값을 반환한다.
$(selector).attr(attribute, value)
⇒ 해당 attribute의 값을 value의 값으로 설정한다.
$(selector).attr({attribute:value, attribute:valeu, ...})
⇒ 여러개의 attribute에 값을 설정하기
아래는 예제코드이다.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).read(function(){
//$("button").click(function(){
$(".orgn").click(function(){
//img some.jpg의 width를 400으로 설정하기
$("img").attr("width", 400);
});
$(".joe").click(function(){
//img some.jpg의 width 값을 반환하기
alert("Image's width : " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="some.jpg" alt="Some Image" width="300" height="200"><br>
<button class="orgn">이미지 width 값 설정</button><br/>
<button class="joe">Image Width 보기</button>
</body>
</html>
댓글 없음:
댓글 쓰기