模拟实现简单的AutoComplete
效果图
原理:从数据集中查找(相似)结果集,然后展示出来。
流程:
1.数据源如: [{name:郭诗贤},{name:赵云飞}]
2.查找方法:(正则) if(new RegExp("郭").test(name)) [添加到结果集];
3.展示:
3.1页面添加:<ul id="searchList"></ul> 样式自定义。
3.2将查找到的结果集添加到ul:$("#searchList").append($("<li></li>").append("<a>"+name+"</a>"));
3.3添加 li :hover的样式
3.4设定点击事件