jQuery 插件就是它的扩展方法, 所以 jQuery 发展至今插件已经数不胜数. 下面本篇文章就来给大家介绍一些好用的 jQuery 插件.
jQuery Validate
jQuery Validate 插件为表单提供了强大的验证功能, 让客户端表单验证变得更简单, 同时提供了大量的定制选项, 满足应用程序各种需求.
该插件捆绑了一套有用的验证方法, 包括 URL 和电子邮件验证, 同时提供了一个用来编写用户自定义方法的 API.
所有的捆绑方法默认使用英语作为错误信息, 且已翻译成其他 37 种语言.
下载地址: http://static.runoob.com/download/jquery-validation-1.14.0.zip
效果图如下:
jQuery Accordion
jQuery Accordion 插件用于创建折叠菜单. 它通常与嵌套的列表, 定义列表或嵌套的 div 一起使用. 选项用于指定结构, 激活的元素和定制的动画.
jQuery Accordion 插件下载: http://www.runoob.com/try/download/jquery-accordion.zip
效果图如下:
jQuery Autocomplete
jQuery Autocomplete 插件根据用户输入值进行搜索和过滤, 让用户快速找到并从预设值列表中选择.
通过给 Autocomplete 字段焦点或者在其中输入字符, 插件开始搜索匹配的条目并显示供选择的值的列表. 通过输入更多的字符, 用户可以过滤列表以获得更好的匹配.
访问 jQuery Autocomplete 官网, 下载 jQuery Autocomplete 插件.
效果图如下:
jQuery Growl
jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息. 消息会在一段时间后自动消失, 不需要单击 "确定" 按钮等. 用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息.
访问 jQuery Growl 官网, 下载 jQuery Growl 插件: http://static.runoob.com/download/jquery.growl.zip
效果图如下:
jQuery Tooltip:jQuery Tooltip 插件取代了原生的工具提示框, 让它们可自定义, 您只需要调整它们的内容, 位置和外观即可. 该插件目前版本是 1.3, 已经很长时间没有更新, 推荐使用 jQuery UI 工具提示框(Tooltip).
下载地址: http://www.runoob.com/jqueryui/example-tooltip.html
效果如下:
jQuery UI 插件
jQuery UI 源自于一个 jQuery 插件 --Interface.Interface 插件最早版本我 1.2, 只支持 jQuery1.1.2 的版本, 后来有人对 Interface 的大部分代表基于 jQuery1.2 的 API 进行重构, 并统一了 API. 由于改进重大, 因此版本号不是 1.3 而是直接跳到 1.5, 并且改名为 jQuery UI.
jQuery UI 主要分为 3 个部分, 交互, 微件和效果库
交互. 这里都是一些 与鼠标 交互相关的内容. 包括拖动, 置放, 缩放, 选择 和排序 等待. 微件 (Widget) 中有部分是基于这些交互组建来制作的. 此库需要 一个 jQuery UI 核心库 --ui.core.JS 支持
微件. 这里主要是一些界面的扩展. 里边包括 了手风琴导航, 自动完成, 取色器, 对话框, 滑块, 标签 , 日历, 放大镜, 进度条和微调控制器等待. 此库需要 一个 jQuery UI 核心库 --ui.core.JS 支持
效果库. 此库用于提供丰富的动画效果, 让动画不再局限于 animate()方法. 效果库有自己的一套核心即 effects.core.JS, 无需 jQuery 的核心库 ui.core.JS 支持
动态绑定事件插件: livequery
Query 的事件绑定功能使得 jQuery 代码与 HTML 代码能够完全分离, 这样代码的层次关系更加清晰, 维护起来也更加简单. 然而对于动态加载到页面的 HTML 元素, 每次都需要重新绑定事件到这些元素上, 十分不便.
一款新的插件由此产生, 即 livequery, 可以利用它给相应的 DOM 元素注册时间或者触发回调函数函数. 不仅当前选择器匹配的元素会被绑定事件, 而且后来通过 JavaScript 添加的元素都会被绑定事件. 当元素不再和选择器匹配时, livequery 会自动取消事件注册, 使得开发者不再需要关注 HTML 元素的来源, 只需要关注如何编写其绑定的事件即可.
通过 jQuery 选择器选择一个 DOM 元素, livequery 插件会实时地在整个 DOM 范围将其持久化. 这意味着无论元素是先前存在的还是后来动态加载的, 事件都会被绑定, 就像是 CSS 给元素添加样式一样. 同时, 这款插件几乎在没占用什么资源的情况下就做到了这些功能.
管理 Cookie 的插件: Cookie
Cookie 是网站设计者放置在客户端的小文本文件. Cookie 能为用户提供很多的便利, 例如购物网站存储用户曾经浏览过的产品列表, 或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户运行的情况下, 还可以存储用户的登陆情况, 使得用户在访问网站时不必每次都键入这些信息.
jQuery 提供了一个十分简单的插件来管理网站的 Cookie, 该插件的名称也是 Cookie.
模态窗口插件: SimpleModal
SimpleModal 是一个轻量级的 jQuery 插件, 它为模态窗口的开发提供了一个强有力的接口, 可以把它当作模态窗口的框架. SimpleModal 非常的灵活, 可以创建你能够想象到的任何东西 i, 并且 你还不需要考虑 UI 开发中的跨浏览器相关问题.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16902.html