cari

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menyembunyikan lebih daripada satu bahagian dalam jquery

Bagaimana untuk menyembunyikan lebih daripada satu bahagian dalam jquery

青灯夜游
青灯夜游asal
2022-06-10 14:57:471837semak imbas

Dalam jquery, anda boleh menambah gaya limpahan pada elemen melalui kaedah css() untuk menyembunyikan bahagian yang berlebihan Sintaksnya ialah "$("elemen yang ditentukan").css("overflow","tersembunyi ");" . Kaedah css() boleh menetapkan satu atau lebih atribut gaya untuk elemen yang ditentukan, atribut limpahan digunakan untuk menetapkan kaedah pemprosesan apabila kandungan melimpah kotak elemen Apabila nilai atribut ditetapkan kepada "tersembunyi", bahagian yang berlebihan (. kandungan limpahan) boleh dipangkas dan menyembunyikannya.

Bagaimana untuk menyembunyikan lebih daripada satu bahagian dalam jquery

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

Dalam jquery, anda boleh menambah gaya limpahan pada elemen melalui kaedah css() untuk menyembunyikan bahagian yang berlebihan. Kaedah

css() boleh menetapkan satu atau lebih atribut gaya bagi elemen yang dipadankan. Apabila menggunakan kaedah ini untuk menetapkan limpahan: tersembunyi gaya kepada elemen, bahagian yang berlebihan boleh disembunyikan.

Format sintaks: 

$("指定元素").css("overflow","hidden");

Atribut limpahan boleh mengawal penambahan bar skrol dalam julat elemen yang sepadan apabila kandungan melimpahi kotak elemen, yang digunakan untuk menetapkan kaedah pemprosesan apabila kandungan melimpahi kotak unsur .

  • Apabila nilai atribut ini ditetapkan kepada "tersembunyi", bahagian yang berlebihan (kandungan limpahan) boleh dipangkas dan disembunyikan.

Kod pelaksanaan: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").css("overflow","hidden");
				});
			});
		</script>
		<style>
			div {
				background-color: #eee;
				width: 200px;
				height: 100px;
				border: 1px dotted black;
				overflow: visible;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这里的文本内容会溢出元素框。</p>
			<p>这里的文本内容会溢出元素框。</p>
			<p>这里的文本内容会溢出元素框。</p>
		</div>
		<br><br><br><br><br>
		<button>隐藏多个td元素</button>
	</body>
</html>

Bagaimana untuk menyembunyikan lebih daripada satu bahagian dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan lebih daripada satu bahagian dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery css overflow
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 rangka kerja jquery yang ditulis dalam?Artikel seterusnya：Apakah rangka kerja jquery yang ditulis dalam?

Artikel berkaitan

Lihat lagi