今天小編給大家分享一下jquery如何隱藏table列的相關(guān)知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)公司為您提適合企業(yè)的網(wǎng)站設(shè)計?讓您的網(wǎng)站在搜索引擎具有高度排名,讓您的網(wǎng)站具備超強的網(wǎng)絡(luò)競爭力!結(jié)合企業(yè)自身,進行網(wǎng)站設(shè)計及把握,最后結(jié)合企業(yè)文化和具體宗旨等,才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到成都做網(wǎng)站、網(wǎng)站制作, 我們的網(wǎng)頁設(shè)計師為您提供的解決方案。
方法:1、利用find()和eq()方法根據(jù)指定列的索引值獲取指定列的元素對象,語法為“tr元素對象.find('th或td元素對象:eq(索引值)')”;2、利用hide()方法將獲取的指定列隱藏即可,語法為“指定列對象.hide()”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
find() 方法返回被選元素的后代元素。
eq() 方法返回帶有被選元素的指定索引號的元素。
索引號從 0 開頭,所以第一個元素的索引號是 0(不是 1)。
$(selector).eq(index)
index 必需。規(guī)定元素的索引。可以是整數(shù)或負數(shù)。
hide() 方法隱藏被選元素。
$(selector).hide(speed,easing,callback)
speed 可選。規(guī)定隱藏效果的速度。
easing 可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。
callback 可選。hide() 方法執(zhí)行完之后,要執(zhí)行的函數(shù)。
示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$('tr').find('th:eq(0)').hide();
$('tr').find('td:eq(0)').hide();
});
$(".btn2").click(function(){
$('tr').find('th:eq(0)').show();
$('tr').find('td:eq(0)').show();
});
});
</script>
</head>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<button class="btn1">隱藏</button>
<button class="btn2">顯示</button>
</body>
</html>輸出結(jié)果:

以上就是“jquery如何隱藏table列”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前題目:jquery如何隱藏table列
轉(zhuǎn)載源于:http://chinadenli.net/article40/ggpoho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站、定制開發(fā)、關(guān)鍵詞優(yōu)化、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)