如何使用JQuery获取myImg图片的src与alt属性？

嘿，我来帮你搞定这个问题！用jQuery获取图片的src和alt属性其实很简单，可能你之前是在DOM加载完成前就执行了代码，或者选择器出了点小问题，我给你一步步讲清楚：

第一步：确保jQuery已正确引入 #

在你的HTML里，要先引入jQuery库，才能使用$符号和相关方法——你可以从jQuery官方渠道下载文件后引入本地路径，或者使用公共CDN资源。

第二步：等待DOM加载完成再执行代码 #

如果你的JS代码写在<head>里，或者在图片元素之前，一定要用$(document).ready()包裹代码，确保DOM完全加载后再去获取元素，否则会找不到myImg。

第三步：获取图片的src和alt属性 #

因为你的图片id是myImg，用jQuery的id选择器$('#myImg')就能精准定位到它，然后用.attr()方法获取对应的属性：

$(document).ready(function() {
  // 定位到id为myImg的图片元素
  const $myImg = $('#myImg');
  
  // 获取src属性值
  const imgSrc = $myImg.attr('src');
  // 获取alt属性值
  const imgAlt = $myImg.attr('alt');
  
  // 你可以打印出来验证结果
  console.log('图片的src地址：', imgSrc);
  console.log('图片的alt描述：', imgAlt);
  
  // 如果要获取图片本身的原生DOM元素（比如操作原生图片方法），可以用.get(0)或者[0]
  const nativeImgElement = $myImg.get(0);
  // 举个例子：监听图片加载完成事件
  nativeImgElement.onload = function() {
    console.log('图片已经成功加载啦！');
  };
});

常见问题排查 #

• 检查图片的id是否正确：id是区分大小写的，确保代码里的myImg和HTML里的id="myImg"完全一致；
• 确认jQuery是否正确引入：打开浏览器控制台，如果出现$ is not defined，说明jQuery没加载成功；
• 不要在DOM加载前执行代码：如果把JS代码写在<body>最底部，其实可以不用$(document).ready()，但为了兼容性，还是推荐加上。

内容的提问来源于stack exchange，提问作者stivan viktorov