搜索、 排序、 筛选的Js插件-List.js

WEB前端 JS插件 2018年6月28日

List.js是为纯HTML 列表，表格或任何其他内容添加了搜索，排序，过滤和灵活性的Js插件。List.js非常的小巧，并且简单，但是功能却非常强大。下面雷雪松详细的介绍一下搜索、 排序、 筛选的Js插件-List.js。

1、引入Jquery和List.js
[cc lang=”javascript” escaped=”true” ]<script src=’/js/jquery.min.js’></script>
<script src=’/js/list.min.js’></script>[/cc]

2、List.js的基础用法

[cc lang=”html” escaped=”true” ]<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>[/cc]

[cc lang=”javascript” escaped=”true” ]var options = {
valueNames: [ ‘name’, ‘city’ ]
};

var people= new List(‘people’, options);[/cc]

List.js官方网站：http://listjs.com/

来源：搜索、 排序、 筛选的Js插件-List.js