jq怎样改变图片路径

1、打开我们的编辑器，新建一个HTML文件，并且编写HTML的基本框架。

2、创建一个js文件，并且用script标签进行链接。

3、<script src="jquery-3.4.1.min.js"></script>

然后我们把这句加在head标签里面，来引用jquery文件。

4、<img id="photo" src="top.png">

用img标签写出我们的原图片和路径。

5、$(function(){

    $("#photo").click(function(){

        $(this).attr("src", "bottom.png");

    });

})

然后我们需要在JS文件里面写这个代码，表示点击图片更换图片路径。

6、$(function(){

    $("img").click(function(){

        $(this).attr("src", "bottom.png");

    });

})

在定位的时候我们也可以直接定位img标签，注意上下区别。