table fliter 表格搜索静态内容无刷新搜索显示指定内容

table fliter 表格搜索静态内容无刷新搜索显示指定内容

 

演示

 

 

XML/HTML Code

1. <table border="1">  
2. <tbody>  
3. <tr><td><a href="article_fenye_19.html" title="jquery 无刷新翻页">jquery 无刷新翻页</a></td></tr>  
4. <tr><td><a href="article_biaodan_34.html" title="jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格">jquery表格可编辑修改表格里面的值,点击td变...</a></td></tr>  
5. <tr><td><a href="article_fenye_26.html" title="jQuery+Ajax+PHP+Mysql实现分页显示数据">jQuery+Ajax+PHP+Mysql实现分页...</a></td></tr>  
6. <tr><td><a href="article_daohangcaidan_67.html" title="类似京东和易迅的菜单-可以折叠隐藏的导航菜单">类似京东和易迅的菜单-可以折叠隐藏的导航菜单</a></td></tr>  
7. <tr><td><a href="article_biaodan_76.html" title="Jquery 漂亮的select效果">Jquery 漂亮的select效果</a></td></tr>  
8. <tr><td><a href="article_tabbiaoqian_29.html" title="jquery实现简单的Tab切换菜单">jquery实现简单的Tab切换菜单</a></td></tr>  
9. <tr><td><a href="article_daohangcaidan_13.html" title="jquery css多级下拉菜单">jquery css多级下拉菜单</a></td></tr>  
10. <tr><td><a href="article_fenye_11.html" title="jquery 翻页分页">jquery 翻页分页</a></td></tr>  
11. <tr><td><a href="article_jquerytupiantexiao_1.html" title="highslide使用实例,点击图片放大效果，再次点击缩小">highslide使用实例,点击图片放大效果，再次...</a></td></tr>  
12. <tr><td><a href="article_fenye_51.html" title="div li的多行多列 无刷新分页">div li的多行多列 无刷新分页</a></td></tr>  
13.   
14. </tbody>  
15. </table>  

 

JavaScript Code

1. <script type="text/javascript">  
2.       $(function () {  
3.         $("table").addTableFilter();  
4.       });  
5.     </script>  

 

原文地址:http://www.freejs.net/article_jquerywenzi_219.html