<% @ Page Language = "C #" AutoEventWireup = "true" CodeBehind = "demo11.aspx. cs" Inherits = "jQuery. demo11" %>
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head runat = "server">
<Title> keyword fuzzy search </title>
<Script type = "text/javascript" src = "Scripts/jquery-1.4.1.min.js"> </script>
<Script type = "text/javascript">
$ (Function (){
$ ("# KeyWord"). keyup (function (){
$ ("Table tbody tr "). hide (). filter (": contains ('" + $ (this ). val () + "')"). show (). keyup ();
});
});
</Script>
<Style type = "text/css">
Body, tr, td
{
Font-size: 12px;
Text-align: center;
Color: Red;
Width: 500px;
}
</Style>
</Head>
<Body>
<Form id = "form1" runat = "server">
Filter: <input type = "text" id = "keyWord"/>
<Table border = "1" width = "80%">
<Thead>
<Tr>
<Td>
Name
</Td>
<Td>
Gender
</Td>
<Td>
Adele
</Td>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td>
Adele
</Td>
<Td>
Female
</Td>
<Td>
Adele@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Avril Lavigne
</Td>
<Td>
Female
</Td>
<Td>
AvrilLavigne@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
The Beatles
</Td>
<Td>
Male
</Td>
<Td>
TheBeatles@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Lenon
</Td>
<Td>
Female
</Td>
<Td>
Lenon@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Jay Chou
</Td>
<Td>
Male
</Td>
<Td>
Jay@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Jolin
</Td>
<Td>
Female
</Td>
<Td>
Jolin@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Family Name
</Td>
<Td>
Male
</Td>
<Td>
Jacky@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Wu yanzu
</Td>
<Td>
Male
</Td>
<Td>
Joe@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Airport
</Td>
<Td>
Male
</Td>
<Td>
Air@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
HOT
</Td>
<Td>
Male
</Td>
<Td>
Hot@mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Liang jingru
</Td>
<Td>
Female
</Td>
<Td>
Liang jingru @ mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Lin Dan
</Td>
<Td>
Male
</Td>
<Td>
Lin Dan @ mail. B2B .cn
</Td>
</Tr>
<Tr>
<Td>
Lin yilian
</Td>
<Td>
Female
</Td>
<Td>
Onlyyou@mail. B2B .cn
</Td>
</Tr>
</Tbody>
</Table>
</Form>
</Body>
</Html>