<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style
type="text/css"> table tr th,table tr td{ padding: 10px; } table{
margin-bottom: 20px; } </style> </head> <body> <table border="1"
cellspacing="0" cellpadding="0" id="table"> <tr> <th>学号</th> <th>姓名</th>
<th>性别</th> <th>年龄</th> </tr> <tr> <td>2014213840</td> <td>张三</td> <td>男</td>
<td>20</td> </tr> <tr> <td>2014213841</td> <td>李四</td> <td>男</td> <td>20</td>
</tr> <tr> <td>2014213842</td> <td>王三</td> <td>女</td> <td>30</td> </tr>
</table> <input type="text" name="" id="input" value="" placeholder="请输入查询关键字"
/> <input type="button" name="" id="search" value="搜索" /> </body> </html>
<script src="../jquery-1.9.1.min.js" type="text/javascript"
charset="utf-8"></script> <script type="text/javascript"> //第一种没有按钮
//实时筛选,不用点击按钮 // var text = ""; // setInterval(function(){ // text =
$('#input').val();//获取文本框输入 // if($.trim(text) != ""){ // $("#table
tr:not('#theader')").hide().filter(":contains('"+text+"')").show(); // }else{
// $('#table tr').show();//当删除文本框的内容时,又重新显示表格所有内容 // } // },100); //第二种多个按钮
//通过点击按钮开始筛选 $(function() { $('#search').click(function() { var text =
$('#input').val(); //获取文本框输入 if($.trim(text) != "") { $("#table
tr:not('#theader')").hide().filter(":contains('" + text + "')").show(); } })
}); </script>

技术
©2019-2020 Toolsou All rights reserved,
Java中的lambda表达式如何理解——精简html+css+js制作简单网站首页java作业VHDL——4选1数据选择器C++OpenCV实战——车牌去雾、车牌检测、分割JAVA阶段考内容知识点的梳理计算机组成原理的简单学习java连接数据库实现基本的增删改查2022年第十三届蓝桥杯题解(全)3 4j不是合法的python表达式_3+4j不是合法的Python表达式。