在jQuery中添加寬高是一個非常基本的操作,我們可以通過設置CSS的width和height屬性來實現。下面是一個簡單的例子:
$(document).ready(function(){ $(".box").css({ "width": "200px", "height": "150px" }); });
這個例子中,我們首先選中了一個類名為“box”的元素,然后通過css()方法來設置它的寬和高。
除了直接設置CSS屬性外,jQuery還提供了一些更便捷的方法來添加寬高。比如說,我們可以使用width()和height()方法來獲取元素的寬和高,或者設置它們的值:
var width = $(".box").width(); var height = $(".box").height(); $(".box").width(200); $(".box").height(150);
可以注意到,width()和height()方法既可以用于獲取,也可以用于設置。如果我們不傳遞任何參數,它們將返回元素當前的寬和高;如果我們傳遞一個數字作為參數,它們將會把元素的寬和高設置為這個值。
另外,jQuery還提供了一個css()方法的快捷方式,叫做height()。它可以直接設置元素的高度:
$(".box").height("150px");
這個例子和我們一開始的例子是等價的,只不過使用了height()方法而已。