一.JQuery的插件主要分为3种：1.封装对象方法的插件。如JQuery的parent()方法，appendTo()方法，addClass()方法等。2.封装全局函数的插件。如JQuery.ajax()，JQuery.trim()方法3.选择器插件。二.JQuery的插件机制：i.JQuery提供了两个用于扩展JQuery功能的方法，jQuery.fn.extend()方法和jQuery.extend()方法。前者用于扩展前面的提到的第一种插件，后者用于扩展后两种插件。这两个方法都接收一个类型为Object的参数。ii.所有的对象...
开发背景 本插件开发是近期写的最后一个插件了，接下来我想把最近研究的redis最为一个系列阐述下。当然Jquery插件开发是我个人爱好，我不会停止，在将来的开发中我会继续完善，当然也会坚持写这个系列的。 每次开发我都会说一下开发插件中用的思想和自己在开发时候的想法。这篇开发也不例外，等会我会一一叙述。上一篇提到的是代码重构思想，这一篇我想谈的是同一个插件，不同的设计思想，得到同样效果。说的有点绕，简单...
插件链接http://www.jq22.com/jquery-info566原文：http://www.cnblogs.com/xinlinux/p/4272398.html
jQuery插件开发模式jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery 主要是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建 主要是用来开发更高级jQuery部件的，该模式开发出来的部件带有很多jQuery内建的特性，比如插件的状态信息自动保存，各种关于插件的常用方法等 一、通过$.extend()来扩展jQuery 基础用法示例一<sc...
当一个网站或者一个Web应用推出新功能时，为了让用户了解你的站点（或应用）如何操作，往往都会在站点（应用）中添加一个分步指引的效果。然而这样的效果，对于不懂原生JS的同学来说，是件很头痛的事情。 下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件，你可以根据自己需求定制，它们都具有一个时尚的外观，而且简单易用。1. Intro.js Intro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导...
nyromodal调用非常简单，只需在链接上加上class=”nyroModal”即可。支持模拟对话框类型：ajax调用：<a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”>Ajax</a>ajax调用并支持抽取制定内容：如果只需要显示页面上某一个元素，那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素，如果UserInfo不存在，则显示所有内容。<a href=”http://nyromod...
设计目标：建立一个基于jQuery框架的通用Web验证插件... 设计要求：1.需要漂亮的css样式及小图标的润饰... 2.基于jQuery框架... 3.调用.net Web 服务来实现与数据库的异步交互... 解决方案：1、首先，我们来设计三个类，分别用来显示Web给用户的视觉感知。它们分别是 .msg_warning{font-family:Arial,Helvetica,sans-serif,simsun; background:#e7f7ff url(register/MsgWarning.gif) no-repeat;border:solid 1px #6cf;color:#333;p...
设计目标：建立一个基于jQuery框架的通用Web验证插件... 设计要求：1.需要漂亮的css样式及小图标的润饰... 2.基于jQuery框架... 3.调用.net Web 服务来实现与数据库的异步交互... 解决方案：1、首先，我们来设计三个类，分别用来显示Web给用户的视觉感知。它们分别是 .msg_warning{font-family:Arial,Helvetica,sans-serif,simsun; background:#e7f7ff url(register/MsgWarning.gif) no-repeat;border:solid 1px #6cf;color:#333;p...
我一直在开发jQuery插件已有一段时间了,我想我现在知道如何设计好一个.然而,有一个问题一直困扰着我,那就是如何以强大而优雅的方式处理私有功能. 我的插件通常看起来像这样：(function($) {$.fn.myplugin = function(...) {...// some shared functionality, for example:this.css('background-color', 'green');...};$.fn.mypluginAnotherPublicMethod = function(...) {...// some shared functionality, for example:this.css('...
我们先来使用firebug查看在前面的示例中JS产生的html错误提示: 从图中我们发现错误信息是被放在了一个label标签中，且有一个类样式error，只要为signupform下面的label标签中的error定css样式，应该就可以修改显示结果了,添加的css代码如下： 代码如下:<style type="text/css"> * { font-size: 14px; } #signupForm label.error { color:Red; font-size:13px; margin-left:5px; padding-left:16px; background:url("error.png") ...
综合概述通过原生的JavaScript实现处理cookies是一项头疼的工作，并且jquery本身也不具备解决处理cookies的函数，但是这个极其小(压缩后解决500字节左右)的jquery插件可以用来处理cookies的读写和删除。兼容性IE6+、Chrome、Firefox、Safari、Opera框架依赖依赖框架：jQuery1.0+模块支持暂不支持任何模块使用介绍1.通过$.cookie.write方法创建cookie,示例代码如下：$.cookie.write(cookie_name, cookie_value, 24 * 60 * 60);2.通过...
blockui可以在你发送ajax请求的时候，显示一个遮罩层禁止用户对页面进行操作并显示提示信息；或者用来显示一个登陆窗口，也可用来显示图片等。 blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏，可以在blockUI方法中指定一些参数，来控制弹出层显示的内容，大小，位置等。blockUI方法的常用的参数有：message,css,overlayCSS,showOverlay。 message：主要用来设置要显示的内容，可以直接设置为一...
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。 第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的js修改如下： 代码如下:<script type="text/javascript"> $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 require...
于工作中需要用到自动提示这个功能，呵呵，自己又是js小菜，于是百度了一下，找到一个用jquery与其插件autocomplete开发的.net版的自动完成功能，于是down下来了改成了php版的，并加了支持向上/向下选择文字等功能,放上来共享一下，纯体力活。。。 ：） 1、下载jquery库，网址：http://jquery.com/ ； 2、下载jquery autocomplete插件或者直接使用我附件里提供的文件，自己下载下来的文件需要修改一些内容才能支持向上/向下选择文字...
代码如下： jquery-highlight.js 代码如下:/* description:TextBox HighLight author:Allen Liu */ (function($) { $.fn.highlight = function(options) { var defaultOpt = { lightColor: yellow, /* 高亮时的颜色 */ lightTime: 1000, /* 高亮时长 （单位：毫秒） */ isFocus: true /* 是否获取焦点 */ }; options = $.extend(defaultOpt, options); return this.each(function() { var sender = $(this); if (sender.attr(ligh...