在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()方法而已。