搜索、 排序、 筛选的Js插件-List.js
List.js是为纯HTML 列表,表格或任何其他内容添加了搜索,排序,过滤和灵活性的Js插件。List.js非常的小巧,并且简单,但是功能却非常强大。下面雷雪松详细的介绍一下搜索、 排序、 筛选的Js插件-List.js。
1、引入Jquery和List.js
1 2 | <script src='/js/jquery.min.js'></script> <script src='/js/list.min.js'></script> |
2、List.js的基础用法
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id="people"> <input class="search" placeholder="搜索名称或者城市" /> <ul class="list"> <li> <h3 class="name">raykaeso</h3> <p class="city">武汉</p> </li> <li> <h3 class="name">雷雪松</h3> <p class="city">随州</p> </li> </ul> </div> |
1 2 3 4 5 | var options = { valueNames: [ 'name', 'city' ] }; var people= new List('people', options); |
List.js官方网站:http://listjs.com/
2019年3月11日 下午11:34
还有一点经验:排序要针对不同的场景去使用
2019年3月30日 上午9:25
很棒,谢谢博主。
2019年4月1日 上午9:42
挺好的,写的不错
2019年5月10日 上午12:27
非常精彩的文章,引人入胜,痛快淋漓。感谢楼主分享。
2019年5月10日 下午1:51
好文章!666,学习了