jquery如何隱藏多個指定td

這篇文章主要介紹了jquery如何隱藏多個指定td的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery如何隱藏多個指定td文章都會有所收獲，下面我們一起來看看吧。

成都網(wǎng)站建設、網(wǎng)站建設的關注點不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒有做好網(wǎng)站，給成都創(chuàng)新互聯(lián)公司一個展示的機會來證明自己，這并不會花費您太多時間，或許會給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗，一切以用戶為中心。

jquery隱藏多個指定td的方法：1、給需要隱藏的多個td元素添加class屬性，屬性值設置為同一值；2、利用class屬性獲取多個指定td元素，語法“$(".class屬性值")”，會返回包含多個指定td元素的jQuery對象；3、利用hide()函數(shù)隱藏獲取到的td元素即可，語法“td元素對象.hide()”。

jquery如何隱藏多個指定td

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

jquery隱藏多個指定td的方法

1、給需要隱藏的多個td元素添加class屬性，屬性值設置為同一值，例如“box”

<table border="1">
	<tr>
		<th>商品</th>
		<th>價格</th>
	</tr>
	<tr>
		<td class="box">T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td class="box">牛仔褂</td>
		<td class="box">￥250</td>
	</tr>
	<tr>
		<td>牛仔庫</td>
		<td>￥150</td>
	</tr>
</table>

2、利用class屬性獲取多個指定td元素

$(".class屬性值")

會返回包含多個指定td元素的jQuery對象

3、利用hide()函數(shù)隱藏獲取到的對象（td元素）

td對象.hide()

實現(xiàn)代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(".box").hide();
				});
			});
		</script>
	</head>
	<body>

		<table border="1">
			<tr>
				<th>商品</th>
				<th>價格</th>
			</tr>
			<tr>
				<td class="box">T恤</td>
				<td>￥100</td>
			</tr>
			<tr>
				<td class="box">牛仔褂</td>
				<td class="box">￥250</td>
			</tr>
			<tr>
				<td>牛仔庫</td>
				<td>￥150</td>
			</tr>
		</table><br>
		<button>隱藏多個td元素</button>
	</body>
</html>

jquery如何隱藏多個指定td

關于“jquery如何隱藏多個指定td”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery如何隱藏多個指定td”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：jquery如何隱藏多個指定td
本文網(wǎng)址：http://aaarwkj.com/article6/ipdiig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、做網(wǎng)站、云服務器、網(wǎng)頁設計公司、全網(wǎng)營銷推廣、動態(tài)網(wǎng)站

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

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jquery如何隱藏多個指定td