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

 时间:2026-04-22 01:47:49

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水平分割线
  • 热门搜索
    蜀南竹海旅游 3旅游官员受处分 大连旅游网 红旗渠旅游 贵州旅游景点地图 旅游网络营销 连云港旅游景点大全 全国假日旅游部际协调会议办公室 宜兰旅游攻略 豪华游轮旅游攻略