jquery中怎麼讓th元素隱藏

方法：1、用“$("th").hide()”，透過加入display樣式來隱藏；2、用“$("th").fadeOut()”或“$( "th").fadeTo(毫秒,0)”，透過修改透明度來隱藏；3、用“$("th").slideUp()”。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

標籤定義 HTML 表格中的表格頭單元格。

範例：

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table><br>

那麼使用jquery讓th元素隱藏

那麼使用jquery讓th元素隱藏

1、使用hide()

hide() 方法隱藏被選元素（透過為元素添加display:none樣式來隱藏）。

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

2、使用fadeOut()

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

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

3、使用fadeTo()

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

只需要將最終的不透明度設為0即可。

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

4、使用slideUp()

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

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

###【推薦學習：###jQuery影片教學###、###web前端影片###】###

以上是jquery中怎麼讓th元素隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章！