HideSeek – 可自定义的实时搜索jQuery插件

用法

引入文件

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

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

HTML

<input id="search" name="search" placeholder="Start typing here" type="text" data-list=".list">
<ul class="list">
  <li>item 1</li>
  <li>...</li>
  <li><a href="#">item 2</a></li>
</ul>

或者

<input id="search" name="search" placeholder="Start typing here" type="text" data-list=".list">
<div class="list">
  <span>item 1</span>
  <span>...</span>
  <span>item 2</span>
</div>

JS/初始化

默认方式

$(document).ready(function() {
    $('#search').hideseek();
});

使用 data 属性

<input id="search" name="search" type="text" data-toggle="hideseek" data-list=".list"/>
...