站長資訊網(wǎng)
方法：1、利用“$('td[name="td元素的name屬性值"]')”語句獲取需要隱藏的td元素對象；2、利用hide()方法將獲取到的td元素隱藏即可，該方法用于隱藏被選中的元素，語法為“td元素對象.hide();”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery根據(jù)name來隱藏td
1、利用name獲取元素對象
語法為：
$('td[name="td元素的name屬性值"]')
2、利用hide隱藏元素
hide() 方法隱藏被選元素。
提示：這與 CSS 屬性 display:none 類似。
注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。
語法為：
$(selector).hide(speed,easing,callback)
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $('td[name="td1"]').hide(); }); $(".btn2").click(function(){ $('td[name="td2"]').hide(); }); }); </script> </head> <body> <button class="btn1">隱藏一個td</button> <button class="btn2">隱藏另一個td</button> <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td class="td1">January</td> <td class="td2">$100</td> </tr> </table> </body> </html>
輸出結果：
視頻教程推薦：jQuery視頻教程
