阅读更多

4顶
0踩

Web前端

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

2012-06-21 13:39 by 见习编辑 tyygming 评论(1) 有5637人浏览
今天我们介绍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

发表评论

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

相关推荐

  • flex事件机制分析

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

  • 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是响应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,组件比较全,比较全,基本上省去了...

  • Flex布局图文详解

    Flex布局图文详解

  • FLEX 事件机制

    1,flex事件机制:找了个解释的比较好的,转载如下: 事件的传递分为三个阶段,如图:捕获阶段(Capture Phase)、目标阶段、冒泡阶段,比如当你点击了一下Child1 Node时,事件会从Stage->ParentNode->Child1 Node...

  • twilio-flex-sample-backend:一套Twilio Flex插件解决方案的示例后端

    提供此服务器生成的呼叫状态的更新twilio检索twiml文档来描述如何在接听电话时处理呼叫支持它公开了带有身份验证的安全网络套接字,可用于: 接收统计信息更改的更新当前队列统计信息每5秒更新一次今天的总体统计...

  • flex事件

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

  • CSS - flex

    CSS2.1定义了四种布局方式,由一个盒与其兄弟,祖先盒的关系决定其尺寸...CSS3引入的flex布局,主要思想是让容器有能力控制子项目的高度,宽度(设置顺序)。以最佳方式填充可用空间(主要是为了适应所有类型的显示...

  • css3 flex流动自适应响应式布局设计

    可以先看看css3 flex的实例:/post/css-learning-18-css3-flex-responsive-design-example.html。 一、flex应运而生 HTML是骨骼、架构,CSS是肌肉、美妆,JS是运动、表现。他们的互相配合才诞生了成千上万的...

  • Flex布局

    1、flex 布局的子元素不会脱离文档流,很好地遵从了“流的特性”。 2、flex 是一种现代的布局方式,是 W3C 第一次提供真正用于布局的 CSS 规范。 flex 非常提供了丰富的属性,非常灵活,让布局的实现更佳多样化,且...

  • flex的事件机制

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

Global site tag (gtag.js) - Google Analytics