jQuery获取background-image属性url值的方法

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url,要获取背景图片属性background-image中图片路径的值,可以通过split()replace()获取。

方法一:

var _bk = $('.bgImg').css('backgroundImage');
var _src = _bk.split('(')[1].split(')')[0];
alert(_src);

代码意思:

1、获取background-image属性值url('path')

2、使用split分割获取url('path')(之后的部分'path')

3、把2中获取的值'path')再通过split()分割获取)之前的部分'path'就是图片的url了

方法二:

var _bk = $('.bgImg').css('backgroundImage');
var _src = _bk.replace('url(','').replace(')','');

通过匹配获取图片的url