Quelle est l'utilisation de jquery height()-Questions et réponses frontales-php.cn

Quelle est l'utilisation de jquery height()

青灯夜游

Libérer： 2021-11-12 17:45:37

original

2606 Les gens l'ont consulté

Dans jquery, la méthode height() est utilisée pour définir ou renvoyer la hauteur de l'élément sélectionné. Elle peut renvoyer la hauteur du premier élément correspondant. La syntaxe est "$(selector).height()" ; peut définir la hauteur de tous les éléments correspondants, syntaxe "$(selector).height(value)".

Quelle est l'utilisation de jquery height()

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3. La méthode

height() définit ou renvoie la hauteur de l'élément sélectionné.

Lorsque cette méthode est utilisée pour renvoyer la hauteur, elle renvoie la hauteur du premier élément correspondant. Format de syntaxe :

$(selector).height()

Copier après la connexion

Lorsque cette méthode est utilisée pour définir la hauteur, elle définit la hauteur de tous les éléments correspondants. Format de syntaxe simple :

$(selector).height(value)

Copier après la connexion

Vous pouvez également définir la hauteur en appelant la fonction de rappel

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

Copier après la connexion

index - Renvoie la position d'index de l'élément dans la collection.
currentheight - Renvoie la hauteur actuelle de l'élément sélectionné.

Exemple :

1. Obtenez la hauteur

<!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>

Copier après la connexion

Quelle est lutilisation de jquery height()

2 Réglez la hauteur

<!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">设置div高度为500px</button>
		<button id="btn2">设置div高度为10em</button>
		<button id="btn3">设置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>

Copier après la connexion

Quelle est lutilisation de jquery height()