本篇內(nèi)容主要講解“jquery中實現(xiàn)元素高度變化的函數(shù)是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“jquery中實現(xiàn)元素高度變化的函數(shù)是什么”吧!

10年積累的成都網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先做網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有山陽免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

jquery中能夠?qū)崿F(xiàn)元素高度變化的函數(shù)：1、height()，可設(shè)置匹配元素的高度，語法“$(selector).height(高度值)”；2、css()，語法“$(selector).css("height","高度值")”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery中能夠?qū)崿F(xiàn)元素高度變化的函數(shù)

1、height()函數(shù)

height() 方法可設(shè)置匹配元素的高度。

語法：

$(selector).height(length)

• length    可選。規(guī)定元素的高度。如果沒有規(guī)定長度單位，則使用默認的 px 單位。

示例：

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

	
		

		

		改變div元素的高度
	

2、css()函數(shù)

css() 方法可設(shè)置匹配元素的樣式屬性。

語法：

$(selector).css(name,value)

示例：

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

	
		

		

		改變div元素的高度
	

到此，相信大家對“jquery中實現(xiàn)元素高度變化的函數(shù)是什么”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！