当前位置：首页 > 软件库 > Web应用开发 > 常用JavaScript包 >

List.js

JavaScript生成灵活的列表

授权协议 MIT

开发语言 JavaScript

所属分类 Web应用开发、常用JavaScript包

软件类型开源软件

地区不详

投递者李光华

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

List.js 是一个轻量级(7kb)的 JavaScript 类库，支持多种浏览器，并且不依赖于其它任何框架。使用它能够生成相当灵活的 HTML 列表，将普通的 UL 列表变成拥有查找、排序和过滤功能的列表。除此之外，它还给列表增加了添加、修改和删除的功能，极大的扩展了现有列表的功能。

示例代码：

HTML

<div id="hacker-list">
    <ul class="list"></ul>
</div>

<div style="display:none;">
    <!-- A template element is needed when list is empty, TODO: needs a better solution -->
    <li id="hacker-item">
       <h3 class="name"></h3>
       <p class="city"></p>
    </li>
</div>

JavaScript

var options = {
    item: 'hacker-item'
};

var values = [
    { name: 'Jonny', city:'Stockholm' }
    , { name: 'Jonas', city:'Berlin' }
];

var hackerList = new List('hacker-list', options, values);

使用案例

js中list的常用方法

sort：高效的排序方法，对原数组进行修改 list.sort(function (a, b) { return a - b; //ruturn 1 为小到大，-1为大到小 }) contact: 拼接list,返回结果，不修改原数组，浅拷贝 list.contact(list1,list2) // 参数可为0，1，2个数组 splice: 删除数组元素，改变原数组，返回被删元素，浅
JavaScript数据结构 —— 列表List

2.1 —— List的简述列表是一组有序的数据，每个列表中的数据项称为元素。列表拥有描述元素位置的属性，列表有前有后（front和end）。使用next()方法可以从当前元素移动到下一个元素，使用next（）可以从当前元素移动到下一个元素，使用prev()方法可以移动到当前元素的前一个元素，还可以使用moveTo(n)方法直接移动到指定位置 2.1 —— List的方法定义的属性有：
原生js操作元素类名(classList,classList.add...)

1、classList classList属性是一个只读属性，返回元素的类名，作为一个DOMTokenList集合(用于在元素中添加，移除及切换css类) length:返回类列表中类的数量，该属性是只读的 <style> .lis { width: 200px; height: 100px; background-color: skyblu
原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()、

原生js——操作类名（HTML5新增classList） classList.add( newClassName )；添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )；移除已经存在的类名; classList
原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()

原生js——操作类名（HTML5新增classList） classList.add( newClassName )；添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )；移除已经存在的类名; classList
原生js操作元素类名—classList.add()、classList.remove()、classList.contains()、classList.toggle()

原生js操作元素类名 classList.add( newClassName )； classList.toggle( className )； classList.remove( oldClassName )； classList.contains( oldClassName ); classList.add( newClassName )；添加新的类名，如已经存在，取消添加 classL
JS中 List.contains（）替代方法 List.indexOf(“str“) != -1

JS如何判断字符串在List中是否存在： String类型有一个方法：contains（），该方法是判断字符串中是否有子字符串。如果有则返回true，如果没有则返回false。但是Js没有constains（）方法，经查找发现可以使用 List.indexOf("str") != -1 代替； indexOf(); 方法的作用是：返回字符串中指定字符串值的第一个匹配项。（注意：i
怎么用vue.js循环一个list

html>list {{ item.message }} {{index}}:{{ item.message }} {{ item.message }} -------------- {{ value }} {{key}}:{{ value }} {{ n }} {{ n }} var vm = new Vue({ el:"#list", data: { items: [ {message: 'F

List.js

同类工具

相关阅读

相关文章

相关问答

相关文档