jQuery是一款功能強大的JavaScript庫,可以方便地對網頁進行操作和控制。其中一個常用的功能就是讓表格中的某些行影藏或顯示。下面我們來看一下如何使用jQuery來讓
<script> $(document).ready(function() { //隱藏第二行 $("tr:eq(1)").hide(); //隱藏class名為hidden的行 $(".hidden").hide(); //隱藏data屬性中值為hidden的行 $("tr[data-status='hidden']").hide(); }); </script>
以上代碼中,我們通過使用jQuery的選擇器來找到需要影藏的
接下來的操作就很簡單了,使用hide()方法來讓這些行影藏即可。
<script> $(document).ready(function() { //隱藏第二行 $("tr:eq(1)").hide(); //隱藏class名為hidden的行 $(".hidden").hide(); //隱藏data屬性中值為hidden的行 $("tr[data-status='hidden']").hide(); //顯示所有行 $("tr").show(); }); </script>
如果我們想要讓所有行重新顯示出來,只需要使用show()方法即可。
使用jQuery來讓