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水平分割线
  • 热门搜索
    武汉旅游 旅游好去处 昆明旅游攻略 江西旅游 台州旅游 新疆旅游景点 成都周边旅游 四川旅游景点大全 草原旅游 井冈山旅游