jquery中height()怎么用

小編給大家分享一下jquery中height()怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

德江網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,德江網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為德江1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的德江做網(wǎng)站的公司定做！

在jquery中，height()方法用于設(shè)置或返回被選元素的高度，可返回第一個(gè)匹配元素的高度，語(yǔ)法“$(selector).height()”；但可設(shè)置所有匹配元素的高度，語(yǔ)法“$(selector).height(value)”。

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

height() 方法設(shè)置或返回被選元素的高度。

當(dāng)該方法用于返回高度時(shí)，則返回第一個(gè)匹配元素的高度。語(yǔ)法格式：

$(selector).height()

當(dāng)該方法用于設(shè)置高度時(shí)，則設(shè)置所有匹配元素的高度。簡(jiǎn)單語(yǔ)法格式：

$(selector).height(value)

還可通過(guò)調(diào)用回調(diào)函數(shù)來(lái)設(shè)置高度

$(selector).height(function(index,currentheight))

index - 返回集合中元素的 index 位置。
currentheight - 返回被選元素的當(dāng)前高度。

示例：

1、獲取高度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert("div的高度: " + $("div").height());
				});
			});
		</script>
	</head>
	<body>

		<div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div><br>
		<button>顯示div的高度</button>

	</body>
</html>

jquery中height()怎么用

2、設(shè)置高度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("#btn1").click(function() {
					$("div").height(500);
				});
				$("#btn2").click(function() {
					$("div").height("10em");
				});
				$("#btn3").click(function() {
					$("div").height("200pt");
				});
			});
		</script>
	</head>
	<body>

		<button id="btn1">設(shè)置div高度為500px</button>
		<button id="btn2">設(shè)置div高度為10em</button>
		<button id="btn3">設(shè)置div高度為200pt</button>
		<p><b>注意:</b> 對(duì)于em, pt, etc要使用""</p>
		<div style="height:100px;border:1px solid blue;background-color:lightblue;"></div><br>

	</body>
</html>

jquery中height()怎么用

以上是“jquery中height()怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁(yè)標(biāo)題：jquery中height()怎么用
網(wǎng)頁(yè)URL：http://sd-ha.com/article2/jiiioc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站建設(shè)、域名注冊(cè)、、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

jquery中height()怎么用