网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

jq怎样改变图片路径

时间:2024-10-12 01:08:37

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").cli罕铞泱殳ck(function(){ $(this).attr("src", "bottom.png"); });})在定位的时候我们也可以直接定位img标签,注意上下区别。

jq怎样改变图片路径
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com