jquery 怎么改变图片地址

jquery 怎么改变图片地址

在jquery中，主要通过获得图片对象，使用attr()方法设置src属性来实现改变图片的地址。下面小编举例讲解jquery 怎么改变图片地址。

新建一个html文件，命名为test.html，用于讲解jquery怎么改变图片地址。

在test.html文件中，在p标签内，使用img标签创建一张图片，图片地址为images文件夹下面的2.jpg。

在test.html文件中，设置img元素的id属性为myid，主要用于下面通过该id获得img对象。

在test.html文件内，使用button标签创建一个按钮，按钮名称为“改变图片地址”。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行set（）函数。

在js标签中，创建set()函数，在函数内，使用$符号通过id（myid）获得img对象，使用attr()方法设置其src属性值为新的图片地址，例如，设置图片的地址为images文件夹下面的3.jpg。

在浏览器打开test.html文件，点击按钮，查看实现的效果。

1、创建一个test.html文件。2、在文件内，使用img标签创建一张图片，同时使用button标签创建一个按钮，用于触发执行js函数。3、在js标签内，创建函数，在函数内，使用$符号获得img对象，使用attr()方法设置其src属性值，从而实现改变图片地址。