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水平分割线
  • 热门搜索
    失恋了很痛苦怎么办 如何打顿号 马桶如何安装 日本留学生活 湿气重皮肤痒怎么办 12月12日是什么星座 怎么买汽车保险 新生儿黄疸如何处理 冰片是什么 如何扎马尾