在前端開發中，我們常常需要控制頁面元素的邊框寬度，這時候就要用到jQuery的css()方法。

$(selector).css("border-width", "5px");

這個方法可以將元素的邊框寬度設置為5像素。

如果想要設置特定方向的邊框寬度，可以使用以下代碼。

$(selector).css("border-top-width", "5px");
$(selector).css("border-right-width", "10px");
$(selector).css("border-bottom-width", "15px");
$(selector).css("border-left-width", "20px");

上面的代碼分別設置了元素的上下左右邊框寬度分別為5像素、10像素、15像素、20像素。

如果要同時設置多個方向的邊框寬度，可以使用以下代碼。

$(selector).css("border-width", "5px 10px 15px 20px");

上面的代碼將元素的上下左右邊框寬度分別設置為5像素、10像素、15像素、20像素。這里需要注意的是，設置值的順序與上、右、下、左的順序對應。

CSS中的邊框樣式通常有solid(實線)、dashed(虛線)、dotted(點線)等，如果要設置邊框樣式，可以使用以下代碼。

$(selector).css("border-style", "dashed");

這個代碼將元素的邊框樣式設置為虛線。

如果要同時設置邊框寬度和樣式，可以使用以下代碼。

$(selector).css("border", "5px solid red");

上面的代碼將元素的邊框寬度設置為5像素，邊框樣式為實線，邊框顏色為紅色。

總之，在前端開發中，控制元素的邊框寬度和樣式是非常常見的需求，學會使用jQuery的css()方法可以大大提高工作效率。