jq怎样改变图片路径

 时间:2026-02-14 06:48:12

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

jq怎样改变图片路径

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

jq怎样改变图片路径

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

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

jq怎样改变图片路径

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

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

jq怎样改变图片路径

jq怎样改变图片路径

5、$(function(){

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

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

    });

})

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

jq怎样改变图片路径

jq怎样改变图片路径

jq怎样改变图片路径

6、$(function(){

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

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

    });

})

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

jq怎样改变图片路径

  • js如何删除对象
  • C#如何利用Directory类获取文件夹创建的时间
  • jquery如何移除一个或多个事件
  • IDEA中添加和删除Module以及如何查看项目配置
  • 鼠标放在div上延迟改变宽度效果
  • 热门搜索
    蒸饺怎么做 网上怎么挣钱 淘宝公益宝贝怎么设置 iphone怎么激活 男女怎么才能怀上宝宝 黑眼圈是怎么回事 人参怎么保存 会议通知怎么写 手机误删视频怎么恢复 丸子汤怎么做好吃