笔记：一、首先引入插件 <script type="text/javascript" src="js/jquery-1.10.0.js" ></script><script type="text/javascript" src="js/jquery.validate-1.13.1.js" ></script>列子：一个简单的登录表单验证 1<form id="loginForm"> 2<label for="userName">用户名：</label> 3<input type="text" id="user" name="userName"/> 4<br /><br /> 5<label for="passWord">密码：</label> 6<input type="password" id="passWord" nam...
本周带来10款免费的jquery插件。如果你也有好的作品，欢迎分享到社区中来，在得到帮助的同时，也能与更多人分享来自你的作品。jQuery导航菜单置顶插件 - stickyUp 。在线演示stickyUp是一款可以帮助你生成置顶效果的jquery插件，如果你希望生成一个固定页面顶端的导航效果，可以使用stickUp来快速生成。非常实用的回弹菜单在线演示这是一款实用型的菜单插件，可以用在很多地方，点击链接可以查看到在线演示并获得免费下载。使用jQu...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><script src="../jquery-1.8.3.min.js" type="text/javascript"></script><style type="text/css">body { margin: 0}.imgDiv { position: relative; width: 384px; height: 240px;} .imgDiv img { width: 100%; height: 100%;}.zoomDiv { position: absolute; background: #000; opacity: .3; f...
其实，之前也写过jQuery插件，今天写的是一个模拟select选择的下拉插件。既然是jQuery插件，那么必然是依赖jQuery的了。老规矩，直接上代码吧！;(function () {$.fn.extend({dropdown:function (options) {return this.each(function (i, val) {$(val).css("position", "relative");// 设置默认参数var opts = $.extend({color: "#28c4ff",items: [{key1: "选项一"},{key2: "选项二"},{key3: "选项三"},{key4: "选项四"},{key5: "选...
1 概述 编写后台网站程序大多数用到文件上传，可是传统的文件上传控件不是外观不够优雅，就是性能不太好看，翻阅众多文件上传控件的文章，发现可以这样去定义一个文件上传控件，实现的文件上传的效果图如下：2、该图片上传插件实现功能如下： 1>能够异步上传，上传成功之后，服务器返回响应结果；能够定义上传前和上传后自定义处理方式； 2>能够实现文件格式判断，过滤非图片文件； 3>服务端能够过滤重复上传的图片；3...
jQuery编写插件的两种方法1.添加jQuery对象级的插件，是给jQuery类添加方法写法：;(function($){$.fn.extend({"函数名":function(自定义参数){//这里写插件代码}}); })(jQuery);或者;(function($){$.fn.函数名=function(自定义参数){//这里写插件代码} })(jQuery); 调用方法：$("#id").函数名(参数); jquery插件的种类： 1.对象级别的插件开发，即给jQuery对象添加方法，封装对象方法的插件，如:parent()、appendTo()2.一种是类级别...
1，使用前先导入jquery类库 2，导入雪花特效js类库 jq.snow.min.js 3，初始化代码 <script>$(function(){$.fn.snow({minSize : 5, //雪花的最小尺寸 默认5maxSize : 40, //雪花的最大尺寸 默认40newOn : 200, //雪花出现的频率 这个数值越小雪花越多 默认200showStyle : 0, //雪花样式1~17，默认是0flakeColor : ‘#FFFFFF‘, //雪花颜色 默认白色 #FFFFFFspeed : 15 //雪花下降速度 默认15}...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>rules</title><script type="text/javascript" src="../js/jquery-1.12.1.js"></script><script type="text/javascript" src="../js/validation/jquery.validate.js"></script><script type="text/javascript" src="../js/validation/additional-methods.js"></script><script type="text/javascript" src="../js/validation/messages_zh.js"></script><script type="tex...
插件介绍这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件，当时想实现用户资料的头像上传功能，并且能够预览图片，和对图片进行简单的裁剪、旋转，花了不少时间才看到了这个插件，感觉功能挺全面，代码实现起来也挺简单，再加上用的是Bootstrap，对移动端操作也有适配，于是就用了。现在稍微有点时间就记录一下，方便以后再用的时候查阅。另外也有对应的js版本。官方文档（英文）jQuery GitHub项目地址官方示...
【treeview】效果图： 前几天想把后台的目录结构通过树形插件的方法反映到前端来，在网上搜了半天只找到了这个treeview，虽然不是很好看，不过还是够用的。。用treeview的前提是要有jquery.treeview.js、jquery.treeview.css以及一些静态文件。这些可以通过网上去下载jquery-treeview这个包，解压缩后放到我们自己的项目下合适的目录即可。要注意必须把整个目录都拷贝过去，因为里面还有很多treeview要用的静态图片等等。然后在...
1. 插件的种类编写插件的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护和提高开发效率。jQuery的插件主要分为三种类型:1.封装对象方法的插件;2.封装全局函数的插件;3.选择器插件;1.1 封装对象方法的插件这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常用的一种插件。95%以上的jQuery插件都是封装对象方法的插件。此类插件可以发挥出jQuery选择器的强大优势。...
jQuery核心的方法有两个：1、$.extend(object)可以理解为jQuery添加一个静态方法。2、$.fn.extend(object)可以理解为jQuery实例添加一个方法。基本的使用$.extend({fun1: function() {alert(11);}})$.fun1();$.fn.extend({fun2: function() {alert(22);}})$(this).fun2();//等同于$.fn.fun3 = function() {alert(33);}$(this).fun3();jQuery(function() {})与(function($) {})(jQuery)的区别1、jQuery(function() {})相当于$(docum...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。...
概述本文介绍Validate自定义表单校验方式。Validate插件虽然提供了丰富的验证规则，但在很多时候仍然很难满足我们的开发需求，在注册页面我们需要通过ajax验证用户输入的用户名是否已经被他人注册，那此时通过传统的Validate验证方式已经无法满足需求了！ 我们可以通过自定义验证方法来结合ajax实现这个需求。自定义ajax基本语法因为validate是JQuery的插件，所以在此之前必须先导入JQuery和validate的JS包。 <script type="tex...
<DIV style=‘font: 13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;‘> 1) Poshy Tip 是一个强大的jQuery ...