使用javascript和jquery动态调整div的大小？
我正在尝试使用javascript和jquery，通过单击按钮来调整div的大小。这些都是asp.net web表单。我对javascript几乎没有经验，而对jquery几乎没有经验。这是迄今为止我在其他so成员的帮助下得到的代码。除此之外，它不工作，我知道有一些错误，因为没有显示警报 感谢您的帮助使用javascript和jquery动态调整div的大小？,javascript,jquery,css,asp.net,visual-studio-2008,Javascript,Jquery,Css,Asp.net,Visual Studio 2008,我正在尝试使用javascript和jquery，通过单击按钮来调整div的大小。这些都是asp.net web表单。我对javascript几乎没有经验，而对jquery几乎没有经验。这是迄今为止我在其他so成员的帮助下得到的代码。除此之外，它不工作，我知道有一些错误，因为没有显示警报 感谢您的帮助 <head id="Head1" runat="server"> <title>Data Display</title> <script
<head id="Head1" runat="server">
<title>Data Display</title>
<script type="text/javascript">
function toggleGridContent() {
var id = "#gridViewContainer";
if ($(id).hasClass("small")) {
alert("found");
$(id).attr("class", "large");
} else {
alert("not");
$(id).attr("class", "small");
}
}
</script>
<style type="text/css">
.small {
height: 200px;
overflow: hidden;
}
.large {
height: auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<input type="button" onclick="toggleGridContent()" value="toggleGridContent" />
<div class="small" id="gridViewContainer" style="border: 1px solid red">
<asp:GridView ID="GridViewNsbAll" AutoGenerateColumns="false" runat="server">
<Columns>
<asp:BoundField DataField="subgroup" HeaderText="subgroup"></asp:BoundField>
<asp:BoundField DataField="count" HeaderText="count"></asp:BoundField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
数据显示
函数toggleGridContent（）{
var id=“#gridViewContainer”；
if（$（id）.hasClass（“小”））{
警惕（“发现”）；
$（id）.attr（“类”、“大型”）；
}否则{
警惕（“不”）；
$（id）.attr（“类”、“小”）；
}
}
.小{
高度：200px；
溢出：隐藏；
}
.大{
高度：自动；
}
<script type="text/javascript" src="jquery.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
您必须添加对jQuery库的引用。如果您的网站上有它，您可以使用以下内容：
<script type="text/javascript" src="jquery.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>