끄적끄적 스토리

[JQuery] 제이쿼리로 이미지를 변경해보자! 본문

웹

[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");

해당 구문만 기억하도록 하자!

저작자표시 비영리 변경금지

'웹' 카테고리의 다른 글

[JQuery]제이쿼리로 글자를 사라졌다 나타났다 하게 해보자 (펼침,접음) 기능  (0) 2020.09.21
[JQuery] 제이쿼리로 해당 위치로 이동시키기  (0) 2020.09.21
[PHP] 문자열 안에서 원하는 단어를 찾아보자!  (0) 2020.06.03
자바스크립트 셀렉트 박스를 다양하게 제어해보자!  (0) 2020.05.08
[JavaScript] Date to timestamp 타임스탬프 값으로 변환하기  (0) 2020.03.12
'웹' Related Articles more