jquery设置div宽高
时间: 2023-08-03 10:03:41 浏览: 47
你可以使用 jQuery 的 `width()` 和 `height()` 方法来设置一个 div 元素的宽度和高度,例如:
```javascript
// 设置宽度为 200px
$("#myDiv").width(200);
// 设置高度为 100px
$("#myDiv").height(100);
```
其中,`#myDiv` 是你要设置宽高的 div 元素的 ID。你也可以在方法中传入具体的数值,例如 `$("#myDiv").width("200px");`。
相关问题
jquery dom设置div宽高
要使用jQuery设置一个div元素的宽度和高度,可以使用以下代码:
```
$(document).ready(function(){
$("div").width("100px");
$("div").height("50px");
});
```
这会将所有的div元素的宽度设置为100像素,高度设置为50像素。你可以使用不同的选择器来选择特定的div元素。
创建一个HTML页面,使用<script>标记直接引入jQuery文件;定义一个样式类current:宽200px,高100px,背景色粉色;定义一个div,使用jQuery获取div元素,并通过事件方法绑定click()事件,实现单击div时使用addClass()方法添加样式类current来设置div样式。
请参考以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>jQuery Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
.current {
width: 200px;
height: 100px;
background-color: pink;
}
</style>
</head>
<body>
<div id="myDiv">Click me!</div>
<script>
$(document).ready(function(){
$("#myDiv").click(function(){
$(this).addClass("current");
});
});
</script>
</body>
</html>
```
在上面的示例中,我们使用了`<script>`标记直接引入了jQuery文件。然后,定义了一个样式类`.current`,并定义了一个`<div>`元素。在`<script>`标记中,我们使用了`$(document).ready()`方法来确保页面加载完成后再执行相关的代码。我们通过`$("#myDiv")`选择器获取到了`<div>`元素,并使用`.click()`方法绑定了`click`事件。当用户单击`<div>`元素时,我们使用`.addClass()`方法将样式类`.current`添加到`<div>`元素中,以设置其样式。