Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengubah suai ketinggian elemen dalam jquery

Bagaimana untuk mengubah suai ketinggian elemen dalam jquery

青灯夜游asal: 2022-03-11 13:50:525643semak imbas

Cara mengubah suai ketinggian elemen (ketinggian) dalam jquery: 1. Gunakan kaedah css(), sintaks "$(selector).css("height","nilai ketinggian""; height() Kaedah, sintaks "$(selector).height("nilai ketinggian").

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery mengubah suai ketinggian elemen

Kaedah 1: Gunakan kaedah css()

<!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() {
					$("img").css("height","200px");
				});
			});
		</script>
	</head>
	<body>

		<img  src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk mengubah suai ketinggian elemen dalam jquery" ><br>
		<button>修改元素的高度</button>
	</body>
</html>

Bagaimana untuk mengubah suai ketinggian elemen dalam jquery

Kaedah 2: Gunakan kaedah height()

kaedah height() untuk mengembalikan atau menetapkan ketinggian elemen padanan.

<!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() {
					$("img").height("200px");
				});
			});
		</script>
	</head>
	<body>

		<img  src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk mengubah suai ketinggian elemen dalam jquery" ><br>
		<button>修改元素的高度</button>
	</body>
</html>

Bagaimana untuk mengubah suai ketinggian elemen dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai ketinggian elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah kod untuk elemen tersembunyi jquery?Artikel seterusnya：Apakah kod untuk elemen tersembunyi jquery?

Artikel berkaitan

Lihat lagi