jquery如何获得页面第一张图片的地址

 时间:2026-02-16 21:18:26

1、新建一个html文件,命名为test.html,用于讲解利用jquery如何获得页面第一张图片的地址。

jquery如何获得页面第一张图片的地址

2、在test.html文件内,使用img标签创建多张图片,用于测试。

jquery如何获得页面第一张图片的地址

3、在js标签内,使用ready()方法在页面加载完成时执行function方法。

jquery如何获得页面第一张图片的地址

4、在function方法内,通过“:first”对象选择器获得页面第一张图片对象,再使用attr方法获得src属性值,即图片的地址。

jquery如何获得页面第一张图片的地址

5、在function方法内,使用alert输出图片的地址。

jquery如何获得页面第一张图片的地址

6、在浏览器打开test.html文件,查看结果。

jquery如何获得页面第一张图片的地址

1、使用img标签创建多张图片,用于测试。


2、在js标签内,使用ready()方法在页面加载完成时执行function方法。
3、function方法内,通过“:first”对象选择器获得页面第一张图片对象,再使用attr方法获得src属性值,即图片及图片忽略的地址。
4、在function方法内,使用alert输出图片的地址。
5、在浏览器打开test.html文件,查看结果。
  • html怎么添加图片
  • HTML中的表格制作
  • 网页布局的盒子模型
  • WebStorm 2021.1.2怎么启用css emmet
  • 如何运用内部css的hr水平分割线
  • 热门搜索
    重阳节手抄报简单好看 教师节英语手抄报 科技手抄报图片 新学期新打算手抄报 小学生重阳节手抄报 三年级环保手抄报 爱护环境手抄报 我爱祖国手抄报内容 清正廉洁手抄报 预防结核病手抄报内容