欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jquery中height()怎么用

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

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

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

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

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

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

$(selector).height()

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

$(selector).height(value)

還可通過調(diào)用回調(diào)函數(shù)來設(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> 對于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)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：jquery中height()怎么用
網(wǎng)頁URL：http://chinadenli.net/article2/jiiioc.html

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

廣告

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

手機網(wǎng)站建設(shè)