<!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> Student number </th> <th> full name </th>
<th> Gender </th> <th> Age </th> </tr> <tr> <td>2014213840</td> <td> Zhang San </td> <td> male </td>
<td>20</td> </tr> <tr> <td>2014213841</td> <td> Li Si </td> <td> male </td> <td>20</td>
</tr> <tr> <td>2014213842</td> <td> Wang San </td> <td> female </td> <td>30</td> </tr>
</table> <input type="text" name="" id="input" value="" placeholder=" Please enter the query keyword "
/> <input type="button" name="" id="search" value=" search " /> </body> </html>
<script src="../jquery-1.9.1.min.js" type="text/javascript"
charset="utf-8"></script> <script type="text/javascript"> // The first one has no buttons
// Real time filtering , Don't click on the button // var text = ""; // setInterval(function(){ // text =
$('#input').val();// Get text box input // if($.trim(text) != ""){ // $("#table
tr:not('#theader')").hide().filter(":contains('"+text+"')").show(); // }else{
// $('#table tr').show();// When deleting the contents of a text box , All the contents of the table are displayed again // } // },100); // Second, multiple buttons
// Start filtering by clicking the button $(function() { $('#search').click(function() { var text =
$('#input').val(); // Get text box input if($.trim(text) != "") { $("#table
tr:not('#theader')").hide().filter(":contains('" + text + "')").show(); } })
}); </script>

©2019-2020 Toolsou All rights reserved,
Send love - A little romance for programmers VHDL—— Design of frequency divider Python Implementation of Hanoi Tower code It's over , Starting salary 30khtml+css+js Make a simple website home page QQ Login interface implementation Hill sorting of sorting algorithm ——c++ realization 【 Wechat applet learning 】 Netease music cloud code page implementation details Resume the 13th session python Blue Bridge Cup 2022 Solution to the 13th Blue Bridge Cup ( whole )