jquery里添加宽高

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

jquery里添加宽高