對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)，jQuery設(shè)置CSS寬高是非常常見(jiàn)的任務(wù)。下面我們來(lái)詳細(xì)了解一下如何使用jQuery設(shè)置CSS寬高。

//通過(guò)id選擇器獲取元素
var element = $("#box");
//設(shè)置寬度為200px
element.css("width", "200px");
//設(shè)置高度為300px
element.css("height", "300px");

以上代碼通過(guò)獲取id為box的元素，并使用.css()方法來(lái)設(shè)置元素的寬度和高度。css()方法用于設(shè)置一個(gè)CSS屬性的值或返回屬性的值。

//通過(guò)class選擇器獲取元素
var elements = $(".boxes");
//設(shè)置寬度為200px
elements.css("width", "200px");
//設(shè)置高度為300px
elements.css("height", "300px");

如果想要一次性設(shè)置多個(gè)元素的寬高，可以使用class選擇器獲取元素，并使用.css()方法來(lái)設(shè)置寬高。以上代碼通過(guò)獲取class為boxes的所有元素，并使用.css()方法來(lái)設(shè)置寬高。

還可以使用.width()和.height()方法來(lái)設(shè)置元素的寬度和高度。

//通過(guò)id選擇器獲取元素
var element = $("#box");
//設(shè)置寬度為200px
element.width(200);
//設(shè)置高度為300px
element.height(300);

以上代碼通過(guò)獲取id為box的元素，并使用.width()和.height()方法來(lái)設(shè)置元素的寬度和高度。

總之，jQuery設(shè)置CSS寬高非常簡(jiǎn)單，只需要選擇元素，然后使用.css()方法或.width()和.height()方法即可輕松實(shí)現(xiàn)。