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;

推荐阅读：

Vue.js学习笔记——项目目录结构

Vue.js学习笔记——条件、循环、双向绑定

CSS中的background属性与margin和padding内外边距的关系总结

jquery导航栏点击及页面跳转后对应栏目添加选中效果

使用float后清除浮动的几种方法