jquery中实现元素高度变化的函数是什么

本篇内容主要讲解“jquery中实现元素高度变化的函数是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery中实现元素高度变化的函数是什么”吧!

10年积累的成都网站建设、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站设计后付款的网站建设流程，更有山阳免费网站建设让你可以放心的选择与我们合作。

jquery中能够实现元素高度变化的函数：1、height()，可设置匹配元素的高度，语法“$(selector).height(高度值)”；2、css()，语法“$(selector).css("height","高度值")”。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery中能够实现元素高度变化的函数

1、height()函数

height() 方法可设置匹配元素的高度。

语法：

$(selector).height(length)

• length    可选。规定元素的高度。如果没有规定长度单位，则使用默认的 px 单位。

示例：

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").height(100);
				});
			});
		
		
			div {
				height: 50px;
				border: 1px solid red;
			}
		
	

	
		

		

		改变div元素的高度
	

2、css()函数

css() 方法可设置匹配元素的样式属性。

语法：

$(selector).css(name,value)

示例：

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").css("height","200px");
				});
			});
		
		
			div {
				height: 50px;
				border: 1px solid red;
			}
		
	

	
		

		

		改变div元素的高度
	

到此，相信大家对“jquery中实现元素高度变化的函数是什么”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！