今天小編給大家分享一下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()”。
本教程操作環(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元素隱藏
1、使用hide()
hide() 方法隱藏被選元素(通過(guò)給元素添加display:none樣式來(lái)隱藏)。
$(document).ready(function() { $("button").click(function() { $("th").hide(); }); });
2、使用fadeOut()
fadeOut() 方法逐漸改變被選元素的不透明度,從可見到隱藏(褪色效果)。
$(document).ready(function() { $("button").click(function() { $("th").fadeOut(); }); });
3、使用fadeTo()
fadeTo() 方法逐漸改變被選元素的不透明度為指定的值(褪色效果)。
只需要將最終的不透明度設(shè)置為0即可。
$(document).ready(function() { $("button").click(function() { $("th").fadeTo(1000,0); }); });
4、使用slideUp()
slideUp() 方法以滑動(dòng)方式隱藏被選元素。
$(document).ready(function() { $("button").click(function() { $("th").slideUp(); }); });
以上就是“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)
移動(dòng)網(wǎng)站建設(shè)知識(shí)