jquery 修改css 高度

jQuery是一种JavaScript库，它可以简化HTML文档遍历、事件处理、动画等操作。在前端开发中，我们经常需要修改CSS样式以改变元素的外观。其中一个重要的样式属性是高度（height）。

使用jQuery修改元素的高度非常简单。要更改高度，我们可以使用height函数，并将所需的高度作为其参数传递。

$(document).ready(function() {
  $("button").click(function() {
    $("p").height("300px");
  });
});

在上面的示例中，我们为按钮元素添加了一个单击事件处理程序，并选择所有的段落元素。然后我们使用jQuery的height函数将所有段落元素的高度更改为300像素。

如果我们不知道我们想要的高度，我们可以通过jQuery的height函数来检索当前高度。只需调用该函数而不提供参数即可：

var pHeight = $("p").height();
console.log(pHeight);

在这个例子中，我们选择所有的段落元素，并使用height函数检索它们当前的高度。我们将这个高度存储在一个名为pHeight的变量中，并将其通过JavaScript的console.log函数打印出来。

这是使用jQuery修改CSS高度的一些基础知识。现在你可以更好地理解如何使用jQuery来控制元素的样式属性，从而为你的网页添加更多的交互性。