在前端 web 開發中，經常需要對元素的寬度進行操作和計算。jQuery 是一個流行的 JavaScript 庫，它提供了方便的方法來選取和操作 HTML 元素。下面介紹在 jQuery 中如何選擇和獲取元素的寬度。

在 jQuery 中，可以使用 CSS 選擇器來選擇元素。例如，要選擇所有類名為 "box" 的元素，可以使用如下代碼：

$(".box");

要獲取一個元素的寬度，可以使用 jQuery 中的 width() 方法。例如，假設有一個類名為 "box" 的元素，要獲取其寬度，可以使用如下代碼：

var width = $(".box").width();
console.log(width);

如果要設置一個元素的寬度，可以使用 width() 方法的參數。例如，要將所有類名為 "box" 的元素的寬度設置為 100 像素，可以使用如下代碼：

$(".box").width("100px");

注意，如果沒有指定像素單位，jQuery 會自動將值轉換為像素。如果要獲取元素的實際寬度（包括 padding 和邊框），可以使用 outerWidth() 方法。例如：

var width = $(".box").outerWidth(true);
console.log(width);

這里的參數 true 表示包括 margin。

如果要獲取窗口或文檔的寬度，可以使用如下代碼：

var windowWidth = $(window).width();
var documentWidth = $(document).width();
console.log(windowWidth);
console.log(documentWidth);

以上是一些 jQuery 選取元素寬度相關的常見用法，要根據具體需求選擇適合的方法。掌握這些方法可以幫助我們更加高效地操作和計算元素的寬度。