jquery如何隱藏table的tr

這篇文章主要介紹“jquery如何隱藏table的tr”，在日常操作中，相信很多人在jquery如何隱藏table的tr問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”jquery如何隱藏table的tr”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

jquery隱藏table中tr的方法：1、使用“$(".tr類名")”語句根據指定的class值獲取對象；2、使用hide()方法將獲取到的對象隱藏，語法為“$(".tr類名").hide();”。

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

jquery隱藏table中tr的方法

1、新建一個html文件，命名為test.html，用于講解jquery怎么判斷元素是否可見。在test.html文件內，使用table，tr，td標簽創(chuàng)建一個六行兩列的表格，為了方便查看，給表格設置1px的邊框。在test.html文件內，在table表格中，設置部分tr的class屬性為aa，同時設置最后一行的id為bb。

在test.html文件內，使用button標簽分別創(chuàng)建兩個按鈕，分別為“隱藏tr”和“顯示tr”，代碼如下:

2、在test.html文件內，給兩個button按鈕分別綁定onclick事件，當按鈕被點擊時，分別執(zhí)行“hiddentr()”函數(shù)，“displaytr()”函數(shù)。

在js標簽內，創(chuàng)建hiddentr()函數(shù)，displaytr()函數(shù)，在hiddentr()函數(shù)中，獲得class為aa的tr行對象，使用hide()方法實現(xiàn)隱藏tr，在displaytr()函數(shù)，，獲得id為bb的tr行對象，使用show()方法實現(xiàn)顯示tr。

在瀏覽器打開test.html文件，分別點擊按鈕，查看實現(xiàn)的效果。

點擊隱藏tr后

創(chuàng)建一個test.html文件。在文件內，使用table，tr，td標簽創(chuàng)建一個六行兩列的表格。同時創(chuàng)建兩個button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。在js標簽內，創(chuàng)建hiddentr()函數(shù)，displaytr()函數(shù)，在hiddentr()函數(shù)中，獲得class為aa的tr行對象，使用hide()方法實現(xiàn)隱藏tr，在displaytr()函數(shù)，，獲得id為bb的tr行對象，使用show()方法實現(xiàn)顯示tr。

到此，關于“jquery如何隱藏table的tr”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>