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;

推荐阅读：

申请腾讯云免费SSL证书，实现网站https访问

设置SSL后如何实现https自动跳转

使用flexible后 不同设备的data-dpr还始终为1解决方法

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

QQ聊天插件，鼠标划入划出显示隐藏效果。