您好,欢迎访问一九零五行业门户网

jquery怎么隐藏第一个tr

隐藏方法:1、利用“:first”选择器获取第一个tr元素,语法“$(tr:first)”;2、利用hide()或fadeout()来隐藏获取到的tr元素,语法“tr元素.hide(毫秒值)”或“tr元素.fadeout(毫秒值)”。
本教程操作环境:windows7系统、jquery1.10.2版本、dell g3电脑。
tr元素
a34de1251f0d9fe1e645927f19a896e8 标签定义 html 表格中的行。
一个 a34de1251f0d9fe1e645927f19a896e8 元素包含一个或多个 b4d429308760b6c2d20d6300079ed38e 或 b6c5a531a458a2e790c1fd6421739d1c 元素。
jquery隐藏第一个tr的方法
实现思路:
获取表格的第一个tr元素
将获取到的tr元素隐藏
实现方法:
可以利用:first选择器获取第一个tr元素
可以利用hide()或fadeout()方法来隐藏被选元素
实现代码:
<!doctype html><html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").on("click", function() { $("tr:first").hide(1000); //$("tr:first").fadeout(1000); }); }); </script> </head> <body class="ancestors"> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>t恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table><br> <button>隐藏第一个tr</button> </body></html>
【推荐学习:jquery视频教程、web前端视频】
以上就是jquery怎么隐藏第一个tr的详细内容。
其它类似信息

推荐信息