>웹 프론트엔드 >JS 튜토리얼 >jquery에서 img 요소의 src 속성을 변경하는 방법

jquery에서 img 요소의 src 속성을 변경하는 방법

藏色散人
藏色散人원래의
2020-12-15 14:12:546684검색

jquery에서 img 요소의 src 속성을 변경하는 방법: 먼저 onclick 이벤트를 html 파일의 버튼 버튼에 바인딩한 다음 js 태그에 editsrc 함수를 만든 다음 "id(myimg; )"; 마지막으로 attr 메소드를 사용하면 src 속성을 설정할 수 있습니다.

jquery에서 img 요소의 src 속성을 변경하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.0 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "jquery Video Tutorial"

jquery에서는 img 태그의 src 속성을 주로 attr() 메서드를 통해 설정하므로 img 태그의 src 속성이 변경됩니다.

방법: 먼저 img 요소를 가져온 다음 .attr("src","value")를 사용하여 img 요소의 src 속성을 변경해야 합니다.

자세한 소개:

test.html 파일에서 버튼을 클릭하면 editsrc() 함수가 실행됩니다.

jquery에서 img 요소의 src 속성을 변경하는 방법

js 태그에서 editsrc() 함수를 생성하고, $ 기호를 사용하여 id(myimg)를 통해 img 객체를 얻고, src 속성을 설정하기 위해 attr() 메서드를 사용합니다. 예를 들어 src 이미지 경로를 "images /3.jpg"로 설정합니다.

jquery에서 img 요소의 src 속성을 변경하는 방법

브라우저에서 test.html 파일을 열고 버튼을 클릭하여 효과를 확인하세요.

jquery에서 img 요소의 src 속성을 변경하는 방법

위 내용은 jquery에서 img 요소의 src 속성을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.