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值