养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery如何获取图片的路径

时间:2024-10-27 23:19:53

在图片中,src的属性值即为图片的路径,使用jquery中的attr()方法便可以畛粳棠奈获得该属性值。下面小编举例讲解jquery如何获取图片的路径。

jquery如何获取图片的路径

工具/原料

html+jquery

代码编辑器:zendstudio10.0

方法/步骤

1、在浏览器打开test.html文件,点击按钮,查看结果。

jquery如何获取图片的路径

2、在js标签内,创建getpath()函数,在函数内,通过id获得img图片对象,使用attr()方法获得src属性值,即获得图片的路径。

jquery如何获取图片的路径

3、在test.html文件内,创建一个button按钮,给button绑定oncli罕铞泱殳ck点击事件,当按钮被点击时,执行getpath()函数。

jquery如何获取图片的路径

4、在test.html文件内,给img标签设置一个id属性,用于获得图片对象。

jquery如何获取图片的路径

5、在test.html文件内,使用img标签创建一张图片,下面将获取它的路径。

jquery如何获取图片的路径

6、新建一个html文件,命名为test.html,用于讲解jquery如何获取图片的路径。

jquery如何获取图片的路径

© 一点知识