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水平分割线
  • 热门搜索
    微信主题怎么换 上嘴唇厚怎么变薄 孕妇牙龈出血怎么办 欧利时手表怎么样 微信聊天怎么拍一拍 电脑连不上网怎么解决 绿豆芽怎么做好吃 怎么做系统u盘 广州动物园怎么去 总是失眠怎么办