Bagaimana untuk menyembunyikan elemen span dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menyembunyikan elemen span dalam jquery

青灯夜游

Lepaskan： 2022-03-08 11:44:57

asal

3196 orang telah melayarinya

Kaedah Sembunyikan: 1. Gunakan pernyataan "$("span").hide();" untuk menyembunyikan; 2. Gunakan pernyataan "$("span").toggle(false);" hide; 3. Gunakan pernyataan "$("span").css('display','none');"

Bagaimana untuk menyembunyikan elemen span dalam jquery

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

jquery hide span element

Dalam jquery, terdapat banyak cara untuk menyembunyikan elemen span.

hide()
toggle(false)
css('display','none')
attr('style','display:none')

Contoh:

<!DOCTYPE html>
<html>
	<head>
	</head>
	<body>
		<h1>这是一个标题</h1>
		<span style="font-size:120%;color:red">这是一个span元素。</span>
		<p>这是一个p元素。</p>
		<button>隐藏span元素</button>
	</body>
</html>

Salin selepas log masuk

kod jq:

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

//方法1
<script type="text/javascript">
	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").hide();
	  });
	});
</script>

//方法2
<script type="text/javascript">
	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").toggle(false);
	  });
	});
</script>


//方法3
<script type="text/javascript">
	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").css(&#39;display&#39;,&#39;none&#39;);
	  });
	});
</script>


//方法4
<script type="text/javascript">
	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").attr(&#39;style&#39;,&#39;display:none&#39;);
	  });
	});
</script>

Salin selepas log masuk

Kesannya adalah Sama:

Bagaimana untuk menyembunyikan elemen span dalam jquery

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

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