웹
[JQuery] 제이쿼리로 이미지를 변경해보자!
2019_02_13
2020. 9. 21. 18:25
728x90
별견 아니지만... 계속 쓰면 괜찮지만 하다가 까먹을 수 있는 jquery로 이미지 변경이다.
아주 간단하다 jquery의 attr 함수를 사용하면 된다.
<html>
<img id="imgID" class="imgClass" src="/data/img.png"/>
</html>
<script>
$(document).ready(function(){
//이미지 변경 함수 호출
changeIMG();
});
function changeIMG(){
//img 태그의 아이디로 변경 할 때
$("#imgID").attr("src", "/data/img2.png");
//img 태그의 클래스 명으로 변경 할 때
$(".imgClass").attr("src", "/data/img2.png");
}
</script>아이디 값으로 변경을 하던 클래스 명으로 변경을 하든 상관은 없다.
$("#imgID).attr("src","/data/img2.png");
해당 구문만 기억하도록 하자!