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

Most people do not understand the knowledge points of this article "jquery how to change src attributes", so the editor summarizes the following contents, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how jquery changes src attributes" article.

In jquery, you can use the attr () method to change the src property, which is used to set or return the specified property value of the selected element. When the first parameter in the method is set to "src", you can change the src property with the syntax of "specify the element object .attr ('src', 's new src attribute value)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery change the src property

In jquery, the src property is set mainly through the attr () method, thus changing the src property.

Here is an example of how jquery can change the src attribute of an img tag.

Create a new html file, named test.html, to explain how jquery changes the src attribute of the img tag. Use the script tag to introduce the jquery.min.js file into the current page and load the file successfully before you can use the jquery method.

Within the p tag, use the img tag to create a picture, and set the id of the img tag to myimg, which is mainly used to obtain the img object through this id. Use the button tag to create a button with the name "change Picture address".

Bind the onclick click event to the button button, and execute the editsrc () function when the button is clicked.

Within the js tag, create the editsrc () function, within which you use the $symbol to get the img object through id (myimg), and use the attr () method to set the src property, for example, to set the src image path to "images/3.jpg".

Open the test.html file in the browser and click the button to see the effect of the implementation.

The above is about the content of this article on "how jquery changes src properties". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

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.