Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menyembunyikan textarea dalam jquery

Bagaimana untuk menyembunyikan textarea dalam jquery

青灯夜游
青灯夜游asal
2022-04-22 11:41:032481semak imbas

Kaedah: 1. Gunakan hide(), sintaksnya ialah "$("textarea").hide()"; 2. Gunakan slideUp(), sintaksnya ialah "$("textarea").slideUp ()"; 3. Gunakan fadeOut(), sintaksnya ialah "$("textarea").fadeOut()".

Bagaimana untuk menyembunyikan textarea dalam jquery

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

Kawasan teks boleh memuatkan jumlah teks yang tidak terhad dan fon lalai untuk teks ialah fon lebar tetap (biasanya Kurier).

Cara menyembunyikan textarea dalam jquery

Kaedah 1: Gunakan hide()

hide ( ) kaedah boleh menyembunyikan elemen yang dipilih. Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).

Kesan kaedah ini adalah serupa dengan paparan sifat CSS:none.

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").hide();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

Bagaimana untuk menyembunyikan textarea dalam jquery

Kaedah 2: Gunakan kaedah slideUp()

slideUp() untuk Slaid untuk menyembunyikan elemen yang dipilih. Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").slideUp();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

Bagaimana untuk menyembunyikan textarea dalam jquery

Kaedah 3: Gunakan fadeOut()

fadeOut( ) kaedah secara beransur-ansur mengubah kelegapan elemen terpilih daripada kelihatan kepada tersembunyi (kesan pudar).

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("textarea").fadeOut();
				})
			})
		</script>
	</head>
	<body>
		<textarea rows="10" cols="30">我是一个文本框。</textarea>
		<br><button>隐藏textarea</button>
	</body>
</html>

Bagaimana untuk menyembunyikan textarea dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan textarea 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