jQuery中的插件的编写和使用

时间:2022-08-30 23:36:07

1,常用的jQuery插件:表单验证插件formValidator

  a.目前支持5大验证方式:1、inputValidator(针对input,textarea,select控件的字符长度,值范围,选择个数的控制)

            2、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)

            3、ajaxValidator(通过ajax到服务器上做数据校验)

            4、regexValidator(提供可扩展的正则表达式)

            5、functionValidator(可使用外部函数来做校验)

  b.特点:1、校验功能可以扩展

      2、实现了校验代码与html代码的完全分离

      3、只需写一行代码就能完成一个表单元素的校验

2,动态绑定事件插件——livequery:解决动态加载和后来通过javascript添加的元素

                1、用法一:livequery(type,fn);type:事件类型,fn:事件处理函数

                2、用法二:livequery(fn,fn);回调

3,与jquery中的live方法用法一样,但live方法较耗性能,一般不使用

4,管理Cookie的插件——Cookie的用法:

        写入cookie:$.cookie(cookie_name,cookie_value,{path:'/',expires:time})

        读取cookie:$.cookie(cookie_name);删除cookie:$.cookie(cookie_name,null)

5,插件的种类:封装对象方法的插件

        封装全局函数的插件

        选择器插件

6,插件的基本要点:1,命名:jquery.[插件名].js

           2,对象方法附加到jquery.fn对象上,全局函数附加到jquery对象本身上

           3,插件内部,this指向的是当前通过选择器获取的jquery对象;通过this.each来遍历

           4,以分号结尾,并且插件应该返回一个jquery对象,保证链式操作

          5,避免在插件内部使用$作为jquery对象的别名

7,插件中的闭包    写法:;(function($){})(jquery);

8,插件中的机制 1,jquery.fn.extend()方法用于扩展插件类型中的第一种

        2,jquery.extend()方法用于扩展插件类型中的后两种

jQuery中的插件的编写和使用的更多相关文章

  1. jQuery中开发插件的两种方式

    jQuery中开发插件的两种方式(附Demo) 做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数 ...

  2. Jquery中日期插件jquery.datepick的使用

    jsp的代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageE ...

  3. jQuery中开发插件的两种方式&lpar;附Demo&rpar;

    做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数是属于jQuery命名空间的函数),如果将jQu ...

  4. jquery中lhgdialog插件(一)

    一:前言 最近在使用jquery的控件,其实以前也写但是突然之间遇到了需要从弹出窗口传值到父窗口,突然觉得这种传值的方式其实也是需要javascript的基础的,但是我自己还没有去真正的做过,所以还是 ...

  5. jquery中validate插件表单验证

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  6. jquery中的插件EChars的使用

    首先,进入EChars的官网下载页面:http://echarts.baidu.com/download.html    下载自己需要的版本. 引入jquery包和echars,进入官网的实例:htt ...

  7. jQuery入门(1)jQuery中万能的选择器

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  8. 【jQuery基础学习】08 编写自定义jQuery插件

    目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件.这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率. jQuery插件的类型: 封装对象方 ...

  9. jQuery插件的编写相关技术 设计总结和最佳实践

    原文:http://www.itzhai.com/jquery-plug-in-the-preparation-of-related-technical-design-summary-and-best ...

随机推荐

  1. 在MyEclipse中配置Tomcat服务器

    http://wenku.baidu.com/link?url=j0rrOEvt10zgsJVWX3wuV26uVc2fz5MhIusvLWzvK_KZWMKq60wuDaMnHGck0PR6sCrU ...

  2. lua堆栈操作常用函数学习二

    /* ** basic stack manipulation */ LUA_API int  <strong> (lua_gettop) (lua_State *L);  </str ...

  3. &lbrack;kuangbin带你飞&rsqb;专题二十二 区间DP

            ID Origin Title   17 / 60 Problem A ZOJ 3537 Cake   54 / 105 Problem B LightOJ 1422 Hallowee ...

  4. matlab和本机MySQL链接

    1.安装好 ***matlab*** 和 ***mysql***: 2.[下载](http://dev.mysql.com/downloads/connector/j/#downloads) mysq ...

  5. Eclipse遇到Initializing Java Tooling解决办法

    可参考博客:http://liaojuncai.iteye.com/blog/1954113 打开Eclipse的时候莫名其妙的出现这个错误,进度条一直显示这个提示Initializing java ...

  6. 小记:css特殊性

    今天早上遇到了个小bug,刚好用从css权威指南学到的知识解决了 html结构 <ul class="portlet-nav"> <li><a id= ...

  7. maven构建myeclipse 工程

    前提:安装maven完成后 mvn -version查看版本 一,新建WEB 工程  mvn archetype:generate -DgroupId={project-packaging} -Dar ...

  8. Xamarin&&num;160&semi;2017&period;11&period;9更新

     Xamarin 2017.11.9更新 本次更新主要针对Xamarin.iOS,适配了iOS 11.1和Xcode 9.1.Visual Studio 2017升级到15.4.3获得新功能.Visu ...

  9. C&num;设计模式 —— 单例模式

    嗯,这是本人的第一篇随笔,就从最简单的单例模式开始,一步一步地记录自己的成长. 单例模式是最常见的设计模式之一,在项目代码中几乎随处可见.这个设计模式的目的就是为了保证实例只能存在一个.单例模式往下还 ...

  10. Quartus调用Modelsim SE避免重复编译Altera器件库的方法

    最近用Quartus 15.0配合Modelsim SE 10.4的64位版本,简直就是闪电一般的仿真速度.但是众所周知,SE版本最大的问题就是每次由Quartus自动调用时,都要重新编译所使用的器件 ...