Bagaimana untuk menyembunyikan elemen div dengan mengklik pada elemen lain dalam jquery

Langkah pelaksanaan: 1. Gunakan fungsi pemilih ":not()" dan klik() untuk mengikat peristiwa klik kepada elemen lain selain div, dan tetapkan fungsi pemprosesan, sintaksnya ialah "$(": bukan ('div')").click(function() {//Kod yang dilaksanakan selepas peristiwa klik berlaku});" 2. Dalam fungsi pemprosesan, gunakan fungsi hide() untuk menyembunyikan elemen div, the sintaks "$(" div").hide();".

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

Dalam jquery, anda boleh menggunakan kaedah pemilih :not(), click() dan hide() untuk menyembunyikan elemen div dengan mengklik pada elemen lain.

Langkah pelaksanaan:

Langkah 1: Gunakan fungsi pemilih dan klik() :not() untuk mengikat klik pada elemen lain selain acara div, dan tetapkan fungsi pemprosesan

$(":not('div')").click(function() {
	//点击事件发生后，执行的代码
});

Dalam fungsi pemprosesan acara, kod yang ditulis ialah kod kesan yang dicapai selepas mengklik

Langkah 2: Dalam fungsi pemprosesan , gunakan fungsi hide() untuk menyembunyikan elemen div

$("div").hide();

Kod sampel:

	
		
		
		<script>
			$(document).ready(function() {
				$(":not(&#39;div&#39;)").click(function() {
					$(&quot;div&quot;).hide();
				});
			});
		</script>
		
	
	
		
需要隐藏的div元素
		
p元素
		button
		
p元素
		span
		
需要隐藏的div元素
	

Arahan :

:not() pemilih memilih semua elemen kecuali elemen yang ditentukan.

Penggunaan yang paling biasa: digunakan dengan pemilih lain untuk memilih semua elemen dalam gabungan yang ditentukan kecuali elemen yang ditentukan.

$(":not(selector)")

Parameter

Penerangan

pemilih

Diperlukan. Menentukan elemen yang tidak dipilih.

参数	描述
selector	必需。规定不选择的元素。 该参数接受任何类型的选择器。

Parameter ini menerima sebarang jenis pemilih.

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

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen div dengan mengklik pada elemen lain dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!