js和jQuery获取img标签的src属性获取不到的解决方法

很多朋友可能遇到过，用 jQuery 获取 img 标签的 src 属性却获取不到的问题：

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

使用如下的语句都会出错：

alert($('#test'));
alert($('#test').src);

使用 $('#test').src 语句不会出错，但获取不到 img 的地址。

alert($('#test'));  //[object Object]
alert($('#test').src);  //undefined

 最后，使用 $('#test')[0].src 才能够获取到 img 的地址。

拓展：

JS获取 img 的 src 值：

//方法一：
var path =  $('#test').attr('src');
//方法二：
var path = document.getElementById("test").src;
//方法三：
var path = $("#test")[0].src;

推荐阅读：

jQuery.dotdotdot多行文本省略号插件的使用方法

Ueditor后端配置项没有正常加载,上传插件不能正常使用!的解决过程。

Z-Blog 搜索报错：Cannot pass parameter 1 by reference 解决方法

input[type=file]去掉“未选择任何文件”及样式改进

jQuery实现本地input选择图片实时显示