模糊查询（附上源码和jquery-1.12.1.js，jquery-ui.js，jquery-ui.css）

直接上源码：

 <!doctype html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>jQuery UI Autocomplete - Default functionality</title>
   <!--
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
   <link rel="stylesheet" href="/resources/demos/style.css">
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    -->
   <link rel="stylesheet" type="text/css"  href="static/jquery/jquery-ui.css">
   <script src="static/jquery/jquery-1.12.1.js"></script>
   <script src="static/jquery/jquery-ui.js"></script>

   <script>
   $( function() {
     var availableTags = [
       "ActionScript",
       "AppleScript",
       "Asp",
       "BASIC",
       "C",
       "C++",
       "Clojure",
       "COBOL",
       "ColdFusion",
       "Erlang",
       "Fortran",
       "Groovy",
       "Haskell",
       "Java",
       "JavaScript",
       "Lisp",
       "Perl",
       "PHP",
       "Python",
       "Ruby",
       "Scala",
       "Scheme"
     ];
     $( "#tags" ).autocomplete({
       source: availableTags
     });
   } );
   </script>
 </head>
 <body>

 <div class="ui-widget">
   <label for="tags">Tags: </label>
   <input id="tags">
 </div>

 </body>
 </html>

下载地址：

https://pan.baidu.com/s/1UgFdbdDcdPs7jH65iUej6A

提取码：pj84