jQuery中的url()方法主要用于獲取CSS中background-image屬性中的圖片路徑，并轉化為相對于網頁根目錄的絕對路徑。它的用法非常簡單，如下所示：

$(selector).css('background-image', 'url(' + imgPath + ')');
var imgUrl = $(selector).css('background-image').replace(/url\((['"])?(.*?)\1\)/gi, '$2');

其中：

• $(selector)表示要修改背景圖片的元素
• imgPath表示圖片路徑，可以是相對路徑、絕對路徑或者URL
• $(selector).css('background-image')表示獲取當前元素的背景圖片路徑
• replace()方法用于替換字符串中的內容，這里用它來去除CSS中的url()函數

使用url()方法可以實現很多有趣的效果，比如給某個元素的背景圖片增加一個遮罩，如下所示：

// 添加遮罩層
$(selector).css('background', 'linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(' + imgPath + ')');
// 前景圖片居中顯示
$(selector).css('background-position', 'center center');

以上代碼中，linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5))用于創建一個半透明的黑色遮罩層，center center用于讓背景圖片居中顯示。