본문 바로가기
jQuery

[jQuery] img 태그 경로(src) 변경

by j. sik 2023. 6. 7.
728x90

제이쿼리(jQuery)를 이용하여 버튼 클릭 시 img 태그 경로(src) 변경하기

[html]

<div>
  <img src="원본 이미지 주소" alt="icon">
</div>
<button type="button" id="btn">change</button>

 

[js]

$(document).ready(function(){
  $('#btn').click(function(){
    $('img').attr('src', '교체 이미지 주소');
  })
});

 

See the Pen [jQuery] attr img src _ 이미지 경로 변경 by Jinsik Son (@Jinsik-Son) on CodePen.

728x90