jQuery带搜索跳转功能的列表分页

1、新建html文档。

3、书写css代码。<style> a{text-decoration:none;outlin髫潋啜缅e:none;border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;color:#303030; font-size:14px;} .pageListTab{overflow:hidden; margin:20px 0;} .pageListTab .pageLt{float:left; font-size:12px;} .pageListTab .pageLt span{display:inline-block;} .pageListTab .pageLt a{display:inline-block; border:1px solid #ddd; background:#fff; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; margin:0 5px;} .pageListTab .pageRt{float:right; font-size:12px; text-align:right; margin-top:3px;} .pageListTab .pageRt a{display:inline-block; border:1px solid #ddd; background:#fff; padding:0 10px; height:24px; line-height:24px; text-align:center; font-size:12px; margin:0 5px;} .pageListTab .pageRt input{border:1px solid #ddd; height:24px; line-height:24px; width:45px; text-align:center;} .pageListTab .pageLt .active{background:#44B549; border:1px solid #44B549; color:#fff;} .pageListTab .pageRt .active{background:#44B549; border:1px solid #44B549; color:#fff;} </style>

5、代码整体结构。