如何通过jQuery实例演示获取图片元素src属性的方法？

本文共计266个文字，预计阅读时间需要2分钟。

简单的来说，以下是一个HTML代码段，包含一个图片和一个引用了jQuery库的脚本：

简简单单的一句话，如下：

<img id="img" src="1.jpg" alt="test" />

引用的jquery如下：

<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6-vsdoc.js"></script>

错误的写法：

1、alert($('#img'));

2、alert($('#img').src);

3、alert($('#img')); 提示[object Object]。

4、alert($('#img').src); 提示undefined。

正确的写法：

$('#img')[0].src才能够获取到img的地址。

原因：

<img id="img" src="1.jpg" alt="test" /> <img id="img" src="2.jpg" alt="test" /> <img id="img" src="3.jpg" alt="test" />

如上，如果有很多img。

因为$("#img")获取到的是整个页面所有的img标签，是一个数组，只有明确指定是哪一个的src的时候，才能取到具体的src值