Rumah > Artikel > hujung hadapan web > Apakah fungsi dalam jquery yang boleh mengubah ketinggian elemen?

Apakah fungsi dalam jquery yang boleh mengubah ketinggian elemen?

青灯夜游asal: 2021-11-16 16:29:302310semak imbas

Berfungsi dalam jquery yang boleh menukar ketinggian elemen: 1. height(), yang boleh menetapkan ketinggian elemen yang sepadan, sintaksnya ialah "$(selector).height (nilai ketinggian)"; css(), sintaks "$(selector).css("ketinggian","nilai ketinggian")".

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

Fungsi dalam jquery yang boleh mengubah ketinggian elemen

fungsi Height()

height() menetapkan ketinggian elemen padanan.

Sintaks:

$(selector).height(length)

panjang Pilihan. Menentukan ketinggian elemen. Jika tiada unit panjang ditentukan, unit px lalai digunakan.

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").height(100);
				});
			});
		</script>
		<style type="text/css">
			div {
				height: 50px;
				border: 1px solid red;
			}
		</style>
	</head>

	<body>
		<div></div>
		<br /><br />

		<button>改变div元素的高度</button>
	</body>
</html>

Apakah fungsi dalam jquery yang boleh mengubah ketinggian elemen?

fungsi css()

Kaedah css() menetapkan sifat gaya elemen padanan.

Sintaks:

$(selector).css(name,value)

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").css("height","200px");
				});
			});
		</script>
		<style type="text/css">
			div {
				height: 50px;
				border: 1px solid red;
			}
		</style>
	</head>

	<body>
		<div></div>
		<br /><br />

		<button>改变div元素的高度</button>
	</body>
</html>

Apakah fungsi dalam jquery yang boleh mengubah ketinggian elemen?

Cadangan tutorial berkaitan:

Tutorial video jQuery

Atas ialah kandungan terperinci Apakah fungsi dalam jquery yang boleh mengubah ketinggian elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery css Length

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：Bagaimana untuk melaksanakan jQuery untuk mengubah suai kandungan pada klik butangArtikel seterusnya：Bagaimana untuk melaksanakan jQuery untuk mengubah suai kandungan pada klik butang

Artikel berkaitan

Lihat lagi