I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 제이쿼리 img src 변경하기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 5. 5. 09:00

반응형

[즐거'웅'코드] 목차

  1. jQuery
  2. 예제 소스
  3. 구현 예시
jQuery
1
2
3
 
<script>
    $("(대상)").attr("src","(변경할 이미지 경로)");
</script>
예제 소스
1
2
3
4
5
6
7
8
9
10
 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
 
<img id="test_obj" src="https://tistory4.daumcdn.net/tistory/3031640/skin/images/keypoint_red.svg"/>
<button onclick="test()">img src 변경하기</button>
 
<script>
    function test() {
        $("#test_obj").attr("src","https://tistory1.daumcdn.net/tistory/3031640/skin/images/keypoint_pup.svg");
    }
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) 제이쿼리 toggle로 객체 깜빡이게 하기  (0) 2021.05.07
(즐거웅코드) 자바스크립트 display 제어로 객체 깜빡이게 하기  (0) 2021.05.06
(즐거웅코드) 제이쿼리 img src 가져오기  (0) 2021.05.04
(즐거웅코드) 자바스크립트 img src 변경하기  (0) 2021.05.03
(즐거웅코드) 자바스크립트 img src 가져오기  (0) 2021.05.02

관련글

댓글 0

티스토리툴바