js 模糊查找list集合

2024-08-24

js、jquery实现列表模糊搜索功能

实现的搜索功能: 1. 可以匹配输入的字符串找出列表中匹配的项,列表框的高度跟随搜索出的列表项的多少改变 2. 可以点击某一项进行选中列表项 3. 可以按下上.下.回车键来控制列表项 4. 按下回车键时则会选中列表项 5. 点击文本框中的下拉键头时会切换下拉框的显示/隐藏 6. 点击文本框外部时自动隐藏下拉框先来预览一下效果吧! 列表中包含的列表项有: 北京.上海.杭州.安庆.大兴安岭.安阳.广州.贵阳.哈尔滨.合肥.邯郸.呼伦贝尔.淮南.黄山.济南.济宁.嘉兴.南昌.南通.南宁.南京在预览时

Js获取后台集合List的值和下标的方法

Js获取后台集合List的值和下标的方法转载自:http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449 首先用的是struts2的框架,分两种情况: 1. 集合list里面是值,不是对象前台代码: 首先,引入相应的标签和js库 (1)引入jstl标签库,<%@taglib uri="http://Java.sun.com/jsp/jstl/core" prefix="c"%> (2

js/jq基础（日常整理记录）-2-一个简单的js方法实现集合的非引用拷贝

一.一个简单的js方法实现集合拷贝做web项目的时候,少不了和js中的数组,集合等对象接触,那么你肯定会发现,在js中存在一个怪异的现象就是数组和集合的拷贝都是地址复制,并不是简单的数据的拷贝. 举个例子: //创建一个集合 var arr1=[{name:'小明',age:'22'},{name:'小刚',age:'23'}] //再创建一个空集合 var arr2=[] //开始拷贝集合arr1的第一个元素数据到集合arr2中 arr2.push(arr1[0]) //取出arr2中的数据

js数组和集合互转

js数组和集合互转可用于去重: 数组转集合 var arr = [55, 44, 65]; var set = new Set(arr); console.log(set.size === arr.length); console.log(set.has(65)); 集合转数组 var set = new Set([1, 2, 3, 3, 4]); Array.from(set) //输出[1,2,3,4]

js 实现数据结构 -- 集合

原文: 在Javascript 中学习数据结构与算法. 概念: 即数学中的集合,在计算机科学中被应用成数据结构. 当然,集合中的数据具有不重复的特性.js 集合的原理大致上是 Object 的键值对 key: value 的形式,细微的不同是集合应用的是 value: value 的形式(即 key === value),并且 ES6 中 Set 中的 key 不再被限制(或隐式转换成)字符串. 基础集合: class MySet { constructor() { this.items = {

js数据结构之集合的详细实现方法

数据结构中的集合,类似于数学中常说的集合,是一类数据的群组.集合与集合之间还存在交集,并集,补集的运算. ***集合为无序,集合内元素不重复 ***js的set基于数组, 使用SetClass为类名,区别于ES6 集合的实现方法如下: function SetClass () { this.dataList = []; this.add = function (data) { if (this.dataList.indexOf(data)<0) { this.dataList.push(

原生JS获取元素集合的子元素宽度

有些时候,在一个网页的ul li中,存在左右两个部分的内容,但是右边元素内容又是不固定,左边元素相对应的不能用固定宽度,所有需要我们动态的获取右边元素宽度,来赋值给左边元素的marginRight值. HTML结构: <ul class="itemCon"> <li class="item"> <div class="leftMess"> <div class="leftCon">

Js获取后台集合List的值并操作html

功能:将后台传到前端JSP的List中的float型数值转换为百分比显示 HTML代码: <s:iterator value="colorConfigList" status="st" var="var"> <div id="legend"> <div style="height:12px;width:12px;border:1px solid gra

js argument实参集合与局部变量、参数关系

形参形式上传递的参数 function fn1(a,b,c) {//a,b,c就是形参实参实际传递的参数 fn1 (1,2,5);//1,2,5就是实参 argument 定义: 实参的集合用法: e.g.1直接返回 fn1 (1,2,5); function fn1() { alert(arguments);//object arguments(注意返回的不是1,2,5) } e.g.2返回长度 fn1 (1,2,5); function fn1() { alert(arguments

js中DOM集合的动态特性

先引出一个问题:通过调用getElements*()这样的方法返回来类(伪)数组,能对其本身的元素进行排序吗? 答案是不能,因为这些对象的都是NodeList . NamedNodeMap 或 HTMLCollection的实例.他们都是“动态的”.所谓动态就是每次调用实例上的方法,都会运行一次基于文档的查询.下面的代码会造成死循环 1 var oDivs = document.getElementsByTagName("div"); 2 for (var i = 0; i <

js所有函数集合

lick() 对象.click() 使对象被点击. closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息") 弹出确认框,确定返回true取消返回false cursor:样式更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-

JS 对Array集合排序的方法

我的业务是根据距离的远近经行一个排序: 第一种方法:冒泡排序排序前的数据是这样子的: 排序后是这样子的: 代码可以直接复制使用的: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v

js定义数组集合

简单描述:最近脑子有点抽,js要用到数组,竟然傻傻的写了 var [] str = .简直是糟糕的不要不要的 //js代码var str = [];var str =new Array(); 啥也不说了......

常用js功能函数集合

1.获取随机时间戳 function uniqueId(){ var a=Math.random,b=parseInt; return Number(new Date()).toString()+b(10*a())+b(10*a())+b(10*a()); } 2.获取当前路径 var currentPageUrl = ""; if (typeof this.href === "undefined") { currentP

react.js 公共方法集合

截取七牛上传图片的后缀名: export function getInputKey(info){ let self = this; let obj = JSON.parse(info); let qiniuKey; let imaName; let imgSuffix; if(obj){ qiniuKey = obj.key; imaName = obj.fileName; imgSuffix = imaName.substring(imaName.lastIndexOf('.') + 1);

js String方法集合

//https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String//返回对应索引的字符 chartAt() //返回对应所引的字符的统一码(Unicode value) charCodeAt() //Returns a non-negative integer that is the UTF-16 encoded code point value at the given posit

JS语法_集合

数组方法 forEach // no-log Array.prototype.forEach_ = function (cb) { let len = this.length for (let i = 0; i < len; i++) { cb(this[i], i) } } // log let arr = ['', '', ''] arr.forEach_((item, index) => { console.log('值:' + item + ' => ' + '索引:' + in

js数组操作集合

1. join() 功能:将数组中所有元素都转化为字符串并连接在一起. 2. reverse() 功能:将数组中的元素颠倒顺序. 3. concat() 功能:数组拼接的功能 ,返回新数组,原数组不受影响. 4. slice() 截取数组生成新数组,原数组不受影响. 返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定位置之间的所有元素.如果为负数,表示相对于数组中最后一个元素的位置.如果只有一个参数,表示到数组末尾. var aa = [1,2,3,4,5,6]; console.l

js字符串操作方法集合

1.字符方法: str.charAt(): 可以访问字符串中特定的字符,可以接受0至字符串长度-1的数字作为参数,返回该位置下的字符,如果参数超出该范围,返回空字符串,如果没有参数,返回位置为0的字符; str.charCodeAt(): 和charAt()用法一样,不同的是charCodeAt()返回的是字符编码而不是字符. var anyString="hello tino"; anyString.charAt() //"h" anyString.charAt(

JS中定义对象和集合

在js中定义对象: 方式一: var obj = {}; obj['a']=1; obj['b']=2; 方式二: var obj=new Object(); obj.a=1; obj.b=2; 在js中定义集合: var list = []; list.push(obj);

jquery和Js的区别和基础操作

jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以,一般用带有min的,是压缩版的,如果还要引用其他js文件的话,一定要juery包在上面,其他的引用放在他下面先来看看如果使用Juery的话,怎么来引用Juery包这样来引用,然后就可以用Juery方法了和js的语法一样,都是写在<script type = "text/javascrip

js 模糊查找list集合

热门专题