小編給大家分享一下jquery如何隱藏span元素，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司長期為超過千家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為白塔企業(yè)提供專業(yè)的網(wǎng)站設計、網(wǎng)站制作，白塔網(wǎng)站改版等技術(shù)服務。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

隱藏方法：1、使用“$("span").hide();”語句來隱藏；2、使用“$("span").toggle(false);”語句來隱藏；3、使用“$("span").css('display','none');”語句來隱藏。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery隱藏span元素

在jquery中，有多種方法可以隱藏span元素。

• hide()

• toggle(false)

• css('display','none')

• attr('style','display:none')

示例：

	
	
	
		
這是一個標題
		這是一個span元素。
		
這是一個p元素。
		隱藏span元素
	

jq代碼：

//方法1

	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").hide();
	  });
	});


//方法2

	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").toggle(false);
	  });
	});



//方法3

	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").css('display','none');
	  });
	});



//方法4

	$(document).ready(function(){
	  $("button").click(function(){
	  $("span").attr('style','display:none');
	  });
	});

效果是一樣的：

以上是“jquery如何隱藏span元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！