JQuery的Validation插件可以到http://plugins.jquery.com/上去下载。今天来分享一下，关于这个插件的使用。 简易使用 这第一种方式可谓是傻瓜式的使用，我们只需要按照validation定义好的规则就可以了。 ?首先引入JQuery库和Validation插件： <script type="text/javascript" src="jquery-2.2.4.min.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> ?然后是打开验证开关： $(function(){...
SlidesJs（轮播支持触屏）——官网（http://slidesjs.com）1.简介SlidesJs是基于Jquery(1.7.1+)的响应幻灯片插件。支持键盘，触摸，css3转换。2.代码<!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="jquery.slides.min.js"></script> <script> $(function(){ $("#slides").slidesjs({...
官网方法实例：$(document).ready(function() { var t = $(#example).DataTable({ "columnDefs": [{ "searchable": false, "orderable": false, "targets": 0 }], "order": [[1, asc]] }); t.on(order.dt search.dt, function() { t.column(0, { search: applied, order: applied }).nodes().each(function(cell, i) { cell.innerHTML = i + 1; }); }).draw(); });试了一下，然后发现会报draw方法找不到之类的，可能是因为版本问题...
Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。下载源码 Flexslider具有以下特性： 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑动。 支持图文混排，支持各种html元素。 自适应屏幕尺寸。 可控制滑动单元个数。 更多选项设置和回调函数。 HTML 首...
本文实例讲述了jquery插件autocomplete用法。分享给大家供大家参考，具体如下： (1)引入js和样式 <script type="text/JavaScript" src="../js/jQuery-1.8.0.js" charset="utf-8"></script> <script type="text/javascript" src="../js/jquery.autocomplete.js" charset="utf-8"></script> <link href="css/jquery.autocomplete.css" rel="Stylesheet">(2)autocomplete的前台js <script type="text/javascript"> //alert("test");.....
本文实例讲述了jQuery插件及其用法。分享给大家供大家参考，具体如下： （1）异步分页插件flexgrid 1）前台js <%@ page language="Java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</...
相信每位前端的小伙伴对jQuery都不陌生吧，它最大的魅力之一就是有大量的插件，去帮助我们更轻松的实现各种功能。 前几天晚上，闲来无事，就自己动手写了个简单的jQuery插件，功能很简单，只是让选定的元素高亮，但是其中的一些思想，还是很值得学习的，可以戳这里查看代码。 本文不聊怎么写jQuery插件，我们聊聊怎么去实现jQuery的插件扩展功能，extend是怎么实现把我们写的插件挂载到jQuery上的。（大牛可以出门右拐......） 我们...
随着电商的火爆，这多级联动下拉菜单体现的更加充分，最明显的就是地址的多级联动下拉选择，所以这里就简单的分享一下 jQuery cxSelect 多级联动下拉菜单 cxSelect 是基于 jQuery 的多级联动菜单插件，适用于省市、商品分类等联动菜单。 列表数据通过 AJAX 获取（需要在服务器环境运行），也可以使用变量自定义，数据内容使用 JSON 格式。 提供国内省市县数据（数据来源：basecss/cityData Date: 2014.03.31） 个人一直都有习惯，当...
passwordStrength插件能够根据用户输入的密码,以图形化方式显示密码的强度。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>passwordStrength</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="jquery-2.1.0.min.js"></script> <script type="text/javascript" src="passwordStrength.js"></script> <sc...
本文实例讲述了jQuery插件扩展测试方法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQquery扩展插件测试</title><script type = "text/javascript" src="jquery-1.7.2.min.js"> </script><styl...
<html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link href="js/jqplot/jquery.jqplot.min.css" rel="stylesheet" /><script src="js/jqplot/jquery.min.js"></script><script src="js/jqplot/jquery.jqplot.min.js"></script><script src="js/jqplot/excanvas.min.js"></script><script src="js/jqplot/plugins/jqplot.barRenderer.mi...
昨天做了一天的ajax效果的图片上传，就是想让自己学的更加的精一些，所以看了很多第三方的控件，最后还是选择了uploadify这个控件，主要原因是比较容易上手。 首先我们先参考别人的资料（我自己整理了一下） 可选项需要参数类型参数名字解释(布尔型)auto当文件被添加到队列时，自动上传。(字符串)buttonImg浏览按钮的背景图片路径。(字符串)buttonText默认在按钮上显示的文本。(字符串)cancelImg取消按钮的背景图片路径。(字符串)c...
好了废话不多说了，先看看效果图。 HTML部分： <div class="slider"><div class="ul-box"><ul><li><a href="javascript:;"><img src="img/1.jpg"/></a></li><li><a href="javascript:;"><img src="img/2.jpg"/></a></li><li><a href="javascript:;"><img src="img/3.jpg"/></a></li><li><a href="javascript:;"><img src="img/4.jpg"/></a></li><li><a href="javascript:;"><img src="img/5.jpg"/></a></li><li><a href="javascr...
先贴上源代码地址，点击获取。然后直接进入主题啦，当然，如果你觉得我有哪里写的不对或者欠妥的地方，欢迎留言指出。在附上一些代码之前，我们还是先来了解下，上传文件的时候需要利用的一些必要的知识。 首先我们要说的就是FileReader对象，这是一个HTML5提出的，专门用来异步的读取用户计算机上文件的对象，这里有详细的介绍。所以如果我们想要使用它，那么首先我们得先创建一个FileReader对象。 var fr = new FileReader() 1...
本文实例讲述了jquery插件格式。分享给大家供大家参考，具体如下： 现在打算给公司写一个公共组件，常用的工具很多都是jquery,很多时候一些插件特效也是基于jquery写的，因此工作中难免会遇到要拓展别人写的插件。 下面我简单的描述一下插件的格式： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h...