jq怎样改变图片路径

 时间:2024-09-28 07:18:37

jq怎样改变图片路径。门钙蹲茌jq也就是jquery的缩写,jquery是javascript的知名库,我们可以用这个库来实现苠写滩桫很多动态功能,如果要改变图片路径,只需要定位好元素的位置,加上动作和结果就可以了。

jq怎样改变图片路径

工具/原料

windows7

sublimetext3

IE11

jquery-3.4.1

方法/步骤

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

jq怎样改变图片路径

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

jq怎样改变图片路径

3、<scriptsrc="jquery-3.4.1.min.js"></script>然后我们把这句加在head标签里面,来引用jquery文件。

jq怎样改变图片路径

4、<imgid="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怎样改变图片路径

js如何删除对象 C#如何利用Directory类获取文件夹创建的时间 jquery如何移除一个或多个事件 IDEA中添加和删除Module以及如何查看项目配置 鼠标放在div上延迟改变宽度效果
热门搜索
石斑鱼图片 mm131美女图片 邪恶漫画之无翼鸟 邪恶女儿国 邪恶中文网