hideseek输入框搜索查询插件

本文演示hideseek.js五种不同的搜索效果，包括默认使用方法、搜索结果匹配高亮显示、没有搜索结果提示、搜索框属性使用方法和自定义方法事件。另一款很流行的PHP+Mysql自动完成插件：http://www.sucaihuo.com/js/51.html

分类：表单代码 > 搜索框难易：高级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

引入hideseek.js插件

<script type="text/javascript" src="js/jquery.hideseek.min.js"></script>

演示一：默认用法

$('#search-1').hideseek();

演示二：搜索结果高亮

$('#search-highlight').hideseek({
  highlight: true
});

演示三：没有结果提示

$('#search-nodata').hideseek({
  nodata: '暂无数据'
});

演示四：自定义方法 "_after"

$('.after_event').on("_after", function() {
  alert('This alert comes after the search is finished!')
});

演示五：定义搜索框属性 "data-toggle"

<input id="search" name="search" placeholder="请输入" type="text" data-toggle="hideseek" data-list=".default_list_data" data-nodata="暂无数据" autocomplete="off"/>