javascript jQuery的实现前端模糊查找

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript jQuery的实现前端模糊查找相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Simple Combobox | properties notation</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <script
    type="text/javascript"
    src="https://code.jquery.com/jquery-1.9.1.js"
    
  ></script>

   
      <script type="text/javascript" src="http://kremer.pro/projects/scombobox/js/jquery.scombobox.js"></script>
      <link rel="stylesheet" type="text/css" href="http://kremer.pro/projects/scombobox/css/jquery.scombobox.css">
      <script type="text/javascript" src="http://kremer.pro/projects/scombobox/js/jquery.easing.min.js"></script>
  <style type="text/css">
    body {
  padding: 23px 0 0 0;
  font-family: Arial, 'sans-serif';
  font-size: 90%;
  color: #333;
  background: #FAFAFA;
}

  </style>
  <!-- TODO: Missing CoffeeScript 2 -->

  <script type="text/javascript">


    $(function(){
      
$('#combo-025').scombobox({
  // works the same as
  // fullMatch: true
  'full-match': true
});


    });

</script>

</head>
<body>
  <div style="display: none">
  Simple Combobox supports both camelCase and hyphened properties names. That means 'full-match' will do the same as 'fullMatch'.
</div>

<select id="combo-025">
    <option value="1">item number one</option>
    <option value="2">item number two</option>
    <option value="3">item number three</option>
</select>

  
 <!-- <script>
    // tell the embed parent frame the height of the content
    if (window.parent && window.parent.parent){
      window.parent.parent.postMessage(["resultsFrame", {
        height: document.body.getBoundingClientRect().height,
        slug: "NTFVn"
      }], "*")
    }
  </script>-->
</body>
</html>

以上是关于javascript jQuery的实现前端模糊查找的主要内容，如果未能解决你的问题，请参考以下文章

jQuery实现table模糊搜索

jQuery实现table模糊搜索

前端javascript+jQuery实现360开机时间显示效果

前端javascript+jQuery实现旋转木马效果轮播图slider

Baffle.js – 用于实现文本模糊效果的 JavaScript 库

百度前端技术学院2015JavaScript基础部分实现自己的小型jQuery