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

WEB前端

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

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

6 评论 “搜索、 排序、 筛选的Js插件-List.js

    纽约网站设计 评论:
    2019年3月11日 下午11:34

    还有一点经验:排序要针对不同的场景去使用

    怎样在网上赚钱 评论:
    2019年3月30日 上午9:25

    很棒,谢谢博主。

    河南SEO 评论:
    2019年4月1日 上午9:42

    挺好的,写的不错

    瓜子小说网 评论:
    2019年5月10日 上午12:27

    非常精彩的文章,引人入胜,痛快淋漓。感谢楼主分享。

    东方小说阅读网 评论:
    2019年5月10日 上午1:07

    楼下是疯子。哈哈

    请看小说阅读网 评论:
    2019年5月10日 下午1:51

    好文章!666,学习了

发表评论

电子邮件地址不会被公开。 必填项已用*标注