jquery中如何讓th元素隱藏

今天小編給大家分享一下jquery中如何讓th元素隱藏的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)從2013年成立,先為江北等服務(wù)建站,江北等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為江北企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

方法:1、用“$("th").hide()”,通過(guò)添加display樣式來(lái)隱藏;2、用“$("th").fadeOut()”或“$("th").fadeTo(毫秒,0)”,通過(guò)修改透明度來(lái)隱藏;3、用“$("th").slideUp()”。

jquery中如何讓th元素隱藏

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

<th> 標(biāo)簽定義 HTML 表格中的表頭單元格。

例:

<table border="1">
	<tr>
		<th>商品</th>
		<th>價(jià)格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>¥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>¥250</td>
	</tr>
	<tr>
		<td>牛仔庫(kù)</td>
		<td>¥150</td>
	</tr>
</table><br>

jquery中如何讓th元素隱藏

那么使用jquery讓th元素隱藏

1、使用hide()

hide() 方法隱藏被選元素(通過(guò)給元素添加display:none樣式來(lái)隱藏)。

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

jquery中如何讓th元素隱藏

2、使用fadeOut()

fadeOut() 方法逐漸改變被選元素的不透明度,從可見到隱藏(褪色效果)。

$(document).ready(function() {
	$("button").click(function() {
		$("th").fadeOut();
	});
});

jquery中如何讓th元素隱藏

3、使用fadeTo()

fadeTo() 方法逐漸改變被選元素的不透明度為指定的值(褪色效果)。

只需要將最終的不透明度設(shè)置為0即可。

$(document).ready(function() {
	$("button").click(function() {
		$("th").fadeTo(1000,0);
	});
});

jquery中如何讓th元素隱藏

4、使用slideUp()

slideUp() 方法以滑動(dòng)方式隱藏被選元素。

$(document).ready(function() {
	$("button").click(function() {
		$("th").slideUp();
	});
});

jquery中如何讓th元素隱藏

以上就是“jquery中如何讓th元素隱藏”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)標(biāo)題:jquery中如何讓th元素隱藏
網(wǎng)頁(yè)URL:http://muchs.cn/article28/gjscjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)網(wǎng)站內(nèi)鏈、Google、網(wǎng)站設(shè)計(jì)公司、面包屑導(dǎo)航、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化