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>
'JavaScript' 카테고리의 다른 글
| JavaScript를 이용하여 현재 브라우저의 종류 알아내기 (0) | 2019.09.27 |
|---|---|
| JavaScript를 이용해서 click 이벤트 발생시키기, 이벤트 생성 (0) | 2019.06.13 |
| JavaScript의 encodeURIComponent 함수를 이용하여 인코딩 디코딩하기 (0) | 2018.07.26 |
| JavaScript의 preventDefault() 메소드에 관해 (0) | 2018.07.23 |
| 엔터 키(Enter key)로 로그인 하기 (2) | 2017.02.03 |