Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "how jquery changes the src attributes of img". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how jquery changes the src attributes of img" can help you solve the problem.

Jquery changes the img src attribute of the method: 1, use the attr () attribute, syntax "$(" img ") .attr (" src "," address of the picture file ")"; 2, use the prop () method, syntax "$(" img ") .prop (" src "," address of the picture file ")".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery changes the src property of img

Method 1: use the attr () attribute

The attr () method sets or returns the property value of the selected element.

$(document) .ready (function () {$("button") .click (function () {$("img"). Attr ("src", "img/2.jpg");})

Change the value of the img src attribute (change figure)

Method 2: use the prop () method

The prop () method sets or returns the properties and values of the selected element.

$(document) .ready (function () {$("button") .click (function () {$("img"). Prop ("src", "img/3.jpg");})

Change the value of the img src attribute (change figure)

This is the end of the introduction to "how jquery changes the src properties of img". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.