阅读更多

4顶
0踩

Web前端

翻译新闻 5 个基于 jQuery 的动态搜索过滤插件

2012-06-21 13:39 by 见习编辑 tyygming 评论(1) 有5554人浏览
今天我们介绍5款jQuery的动态过滤插件,这些插件可以有效的帮助你过滤搜索结果,帮助你将搜索过程变得更加简单、快速。这些插件通常会加载搜索结果中的所有数据,并隐藏不匹配的数据内容,只展示给用户需要的数据内容,以此达到动态搜索目的。

1. jQuery Fast Live Filter

简单快速的过滤插件,用来弥补已存在的工具功能上的不足。



2. jQuery Filter Images (Search Filter)

非常漂亮干净的图片搜索过滤插件,当你开始输入内容时,就开始搜索和更新图片。



3. Using jQuery to Manipulate and Filter Data

这个插件使用4种方式来控制搜索过滤:悬停效果、斑马纹、过滤和排序。



4. Live Text Search Function using jQuery

使用很少的代码及一个简单的输入框,你可以给任何内容添加文本过滤功能。



5. jQuery.liveFilter

一个jQuery插件,用来过滤数据或者元素。



英文原文:5 jQuery Live Filter Plugins
来自: www.gbin1.com
4
0
评论 共 1 条 请登录后发表评论
1 楼 chauncey24 2012-06-25 15:20
                    s

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 在JS中如何调用JSP中的变量

    在JS中调用JSP中的变量: 代码如下: <% int coblid=Integer.parseInt(request.getParameter(“blid”)); %> [removed] var coblid='<%=coblid%>’ ; [removed]

  • java变量和javascript变量之间的传递示例

    用jsp做一个网站,其间涉及到java变量和javascript变量之间的互换,下文给出不错的解决方案,希望对大家有所帮助

  • 在jsp文件中,js获取java中变量的值

    在jsp文件中,js获取java中变量的值

  • JS操作html object param

    JS object param

  • jsp java调用js变量的值_js中变量和jsp中java代码中变量互相访问解决方案(客户端的Java不能访问js变量)...

    1。js变量获取jsp页面中java代码的变量值。方法:var JS变量名 = 2。java代码获取js变量的值。说明:在JSP中;Java部分是在服务器端执行的;js部分是在客户端的浏览器执行的;二者完全不相干。因此直接在JSP页面上是无法在js、java和HTML变量之间进行调用的。变通(解决方案):将js变量放到form中的一个;在后台从form中取出变量放到隐藏域中;然后提交表单给要调用变...

  • Flex4之事件详解

    第一、Flex事件简介 事件贯穿于Flex应用开发的全过程。事件是ActionScript 3.0中最重要的...利用事件处理,可以方便地响应和处理用户输入和系统事件。Flex事件模型不仅方便,而且符合标准,新的事件模型基于文档对象

  • flex4 的事件机制

    在flex中,通过继承flash.events.EventDispatcher类,就可以使用dispatchEvent()方法分发事件给事件监听者。 ActionScript3.0语言参考中关于dispatchEvent方法的说明如下: public function dispatchEvent(event:...

  • Flex事件流

     事件流的流向:从上→下,到达 目标对象 ,从下→上。从上→下属于捕获阶段,从下→上冒泡阶段,捕获阶段默认是关闭的。事件流检测过程中检测对象是否注册了事件,如果注册了事件则相应(执行对应的函数)。当捕获...

  • jQuery实现响应式瀑布流效果(jQuery+flex)

    瀑布流原理:是一种常见的网页布局方式,它的特点是将内容以多列的形式呈现,每一列的内容高度不固定,根据...目前网上很多技术博文是使用定位完成瀑布流效果的,这里将使用jquery和flex布局来实现响应式瀑布流效果。

  • flex事件机制分析

    简要说明了flex的事件流、事件处理等方面的知识。

  • 在JSP页面中获取JavaScript中var变量的值

    在js中用var声明变量后并赋值(假设这个值为字符串"variable"),这个值 如果需要在JSP中拿出来显示可以使用此方法: 先在JSP中写一个span标签并设置ID,回到刚刚声明变量的js中在下面补上一句 span_id.innerHTML=variable 在页面中你想要显示此变量值得位置加上<span id="span_id"></span>即可 ...

  • jsp中把js变量赋给java变量,或者将java变量赋给js变量怎么做?

    在jsp中经常会遇到把js变量赋给java变量,或者将java变量赋给js变量的情况,在此将通用的处理方法小结如下: java变量传给js好办,var a=”<%=javaParam%>“;注意要将引号”"加上; js变量给java稍微复杂点,一般是在表单中用一个的隐藏表单元素,然后在脚本中将js变量值赋给它: var jsParamValue=’aaaa’;form1...

  • jsp java调用js变量的值,从JavaScript读取JSP变量

    据我所知,最干净的方法是:将您的JSP变量添加到HTML元素的data- *属性中然后在需要时通过Javascript读取此值我对本SO页上当前解决方案的看法是:在实际的javascript代码中使用java scriplet读取“直接” JSP值可能是您最讨厌的事情。让我想吐。哈哈。认真地,尝试不这样做。没有JSP的HTML部分:Here is your regular page main co...

  • Flex 事件流

    Flex是响应RIA(富客户网络应用)而出现的,FLEX试图通过提供一个程序员们已经熟知的工作流和编程模型,让程序员比从前更快更简单地开发动画及RIA应用。在多层式开发模型中,FLEX应用属于表现层。FLEX的语言和文件结构...

  • flex4事件详解

    第一、Flex事件简介 事件贯穿于Flex应用开发的全过程。事件是ActionScript 3.0中最...利用事件处理,可以方便地响应和处理用户输入和系统事件。Flex事件模型不仅方便,而且符合标准,新的事件模型基于文档对象模型

  • 使用flex盒子模型实现瀑布流布局

    1.flex-box是CSS3新增的一种布局模式,相比传统的布局模式来说,它更简单好用,不存在浮动元素脱离正常文档流之后需要在某些地方清除浮动的问题。 flex-box是一种当页面需要适应不同的屏幕大小以及设备类型时确保...

  • FlexPythonAPI:用于处理 Flex Radio Python API 包装器的协作空间

    FlexPythonAPI 用于处理 Flex Radio Python 代码的协作空间***** 该空间不由 Flex Radio Systems 公司管理或代表 ***** 这基本上是 Mark Erbaugh 通过 Flex 社区站点提供的一些 Python 代码的副本。 我已经使用它...

  • 解决display:flex在低版本chrome浏览器默认脱离文档流的bug

    1,使用display:-webkit-box解决 把display:flex改成display:-webkit-box解决问题

  • Flex Image加载Servlet图像流处理

     Image控件是Flex加载、显示图像的一个控件,当然其也可以加载SWF文件。Image加载图像有3种方式:  1)使用@Embed,该种方式加图像数据直接编译到swf文件中去,加载速度最快,但是其编译后的swf文件较...

  • 使用 flex4 开发通用统计系统,发布源代码至github

    1,关于flex4  很老的技术,我居然还再研究使用这个东西,自己想想都不敢相信。 技术存在总是有他的理由的。之所以想用flex4 开发一个通用统计系统,还是有几个有点的: a,组件比较全,比较全,基本上省去了...

Global site tag (gtag.js) - Google Analytics