jquery获取img的src值实例介绍

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

<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值