前面的话 最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。本文将详细介绍validation插件 概述 jQuery Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件...
最近在公司做一个项目，由于后台数据太多需要分页显示，在网上找了很多插件都没有找到合适的分页插件，所有的分页插件始终达不到自己想要的效果。由于这个项目也不是很赶，就在网上查找各种资料，自己写一个基于jquery的分页插件；在接下来的一篇博客中我将详细为大家介绍如何基于jquery书写分页插件，在讲解之前，先给大家介绍一下基于jquery书写插件的相关知识！jquery插件开发主要有三种方法： 1、通过$.extend()方法来拓展j...
编写jquery扩展插件第一步：创建一个js文件第二步：编写有关代码jQuery.fn.extend({ ///这个函数是全部选择所有的元素 check: function() { return this.each(function() { this.checked = true; }); //必须return回一个jquery对象 }, uncheck: function() { return this.each(function() { this.checked = false; }); }}); 第三步：在页面中使用该扩展方法<%@ Page Language="C#" AutoEventWireup...
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4fengyuanchen / cropper Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 Cropper项目地址 ...
jQuery插件 使用插件的步骤1. 引入jQuery文件 2. 引入插件（如果有用到css的话，需要引入css） 3. 使用插件 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件--> <script src="jquery.color.js"></script> <script src="jquery.color.js"></script> <script>$(function () {//3. 直接使用即可。//说明jquery不支持颜色的渐变,颜色最好用16进制$(‘div‘).animate({background...
JQuery极大的提高了我们编写JavaScript的效率，让我们可以愉快的编写代码，做出各种特效。大多数情况下，我们都是使用别人开发的JQuery插件，今天我们就来看看如何把我们常用的功能做出JQuery插件，然后像使用jQuery那样来操作DOM. 一、jQuery插件开发快速上手1、jQuery插件模板关于jQuery插件的编写，我们可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字，其模板如下：(function($){$.fn.myJ...
版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部代码，so...极其蛋疼的事情出现了。管我的人要求不能用网上的插件。oh~~~my god!! 这是多么能让千万仅仅草原上的马儿奔腾的要求~~~先实现一个比較简单的功能：需求：网页遮罩层/弹出层。兼容IE6幸好本屌丝曾经聪明收集了个js的版本号，so。自己改写成了jQuery插件形式的，...
背景我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏；或者页面素材比较多、比较大，需要一定的加载时间，特别有时候的活动页面，我们一般会把首屏做的更多多样化或者传达比较丰富的氛围的时候，我们的首屏素材上都会比较大，有时候也会给元素加上动画来传达信息，比如我之...
插件（Plugin）livequery插件比如如果为页面上的所有div绑定了click事件，那么之后如果再动态创建一个div插入文档后，这个div则不会有click事件，livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件（包括使用Javascript动态插入的元素），type是事件触发方式，x是事件侦听器，y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...
动态网站通常利用背景图像或预加载屏幕，以保证所有资源都加载到页面上，在浏览器中充分呈现。现在很多网站都炫耀自己的图像作为背景图像全屏背景，追溯到旧的Flash网站却用自己的方式在HTML资源重布局。本综述我们列出15最好的jQuery全屏背景图像的插件，可以帮助你增加你的图像到您的网站，让他们看起来惊人的美丽。这个插件创建一些华丽的背景，幻灯片，你的网站让他们美丽的动画和过渡。1. MaxImagemaximage 2.0是一个全屏背景...
pagination的github地址：https://github.com/gbirke/jquery_pagination 公司用的是1.2的版本，所以我就读1.2的了。jQuery.fn.pagination = function(maxentries, opts){opts = $.extend({isCurrentInfo: false,//是否显示当前页信息： 当前第1页，共10页currentCls: ‘.current-info‘,//当前页classitems_per_page:10,//每页最多有几项num_display_entries:10,//中间的页数 如 1 2 ... 5 6 7 8 9 ... 12 13 中间页数是5current_p...
这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas来渲染各种圆环。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件。在线演示：http://www.htmleaf.com/Demo/201502111367.html下载地址：http://www.htmleaf.com/html5/html5-canvas/201502111366.html原文：http://blog.csdn.net/souhugir...
1、simplemodal在内部定义了如下css类simplemodal-overlay：遮罩simplemodal-container：弹出窗口容器simplemodal-wrapsimplemodal-data 2、关闭窗口simplemodal自动为弹出窗口内class是“simplemodal-close”的元素绑定了关闭函数。故，只要添加这个类就可以关闭功能。也可以调用$.modal.close()的方式关闭打开的弹出窗口。如果不想用插件内定的class名称为关闭函数类，可以自定义，方法如下：$.modal.defaults.closeClass = "mod...
之前写过jQuery插件的笔记如何用jQuery封装插件我一直觉得前面讲了一大堆闭包和三种插件封装模式有点冗余，那篇笔记我直到记录到后面才发现这事情很简单，想来想去还是觉得网上的一些文章把事情搞复杂了，其实这件事情很简单，所以我想按照自己的方式重新把这个问题阐述一遍。 我觉得学东西学的活的人都会从结果去倒推，比如说有些人学习音乐，先去练习演奏大量的曲目，然后再回来推敲这些曲子的作曲手法，这样更能事半功倍，而如果...
jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了用来为你的站点创建CSS3动画的一些jQuery插件。1. jQuery SmooveSmoove 简化了CSS3转换效果。使得页面向下滚动时网页内容能有一种滑入的动效。在线调试：http://wow.techbrood.com/fiddle/7 2. CSS3 Animate it 这个插件效果和Smoove相似。3. WaitMe WaitMe 是用于创建载入CSS3动画的 jQuery 插件。4. Stroll.js Stroll.js 主要是列表的3d动效。支持触摸模式（iOS & Android ...