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