jQuery中的插件的编写和使用
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中的插件的编写和使用的更多相关文章
- jQuery中开发插件的两种方式
jQuery中开发插件的两种方式(附Demo) 做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数 ...
- Jquery中日期插件jquery.datepick的使用
jsp的代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageE ...
- jQuery中开发插件的两种方式(附Demo)
做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数是属于jQuery命名空间的函数),如果将jQu ...
- jquery中lhgdialog插件(一)
一:前言 最近在使用jquery的控件,其实以前也写但是突然之间遇到了需要从弹出窗口传值到父窗口,突然觉得这种传值的方式其实也是需要javascript的基础的,但是我自己还没有去真正的做过,所以还是 ...
- jquery中validate插件表单验证
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
- jquery中的插件EChars的使用
首先,进入EChars的官网下载页面:http://echarts.baidu.com/download.html 下载自己需要的版本. 引入jquery包和echars,进入官网的实例:htt ...
- jQuery入门(1)jQuery中万能的选择器
jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...
- 【jQuery基础学习】08 编写自定义jQuery插件
目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件.这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率. jQuery插件的类型: 封装对象方 ...
- jQuery插件的编写相关技术 设计总结和最佳实践
原文:http://www.itzhai.com/jquery-plug-in-the-preparation-of-related-technical-design-summary-and-best ...
随机推荐
- bootstrap 模版
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8& ...
- Java学习笔记--“==”与"equals"
java中的数据类型,可分为两类: 1. 基本数据类型,也称原始数据类型.byte,short,char,int,long,float,double,boolean 他们之间的比较,应用双等号(==) ...
- PowerShell文件系统(一)前言
PowerShell文件系统(一)前言 3 12 2月, 2014 在 Powershell tagged Powershell教程 / 别名 / 文件系统 by Mooser Lee PowerS ...
- Qt编程之qrc文件的链接
在Qt里面,.qrc文件是一种类似XML结构的文件,用结构化数据描述应用程序所需要的资源位置,例如图片,应用程序的图标文件等.它最终是与.ui文件类似都被通过Qt提供的命令行工具生成对应的qrc_XX ...
- Js树型控件Dtree使用
dtree地址:http://destroydrop.com/javascripts/tree/ Key features Unlimited number of levels 无限级 Can be ...
- SAE Python使用经验 好文推荐
SAE Python使用经验 好文推荐 SAE Python使用经验 好文推荐
- 域名地址默认跳转到www(301重定向)
要做这个操作之前,你首先必须肯定要有一个域名..... 然后域名指向了某一个外网主机地址,能正常访问网站 IIS7之后版本的看客继续往下看,IIS7之前的版本,请止步,我没有对之前的版本做过 首先确认 ...
- QiniuUpload- 一个方便用七牛做图床然后插入markdown的小工具
最近一段时间有用markdown做笔记,其他都好,但是markdown插入图片挺麻烦的,特别是想截图之后直接插入的时候.需要首先把图片保存了,然后还要上传到一个地方生成链接才能插入.如果有个工具可以直 ...
- Picasso – Android系统的图片下载和缓存类库
Picasso – Android系统的图片下载和缓存类库 Picasso 是Square开源的一个用于Android系统下载和缓存图片的项目.该项目和其他一些下载图片项目的主要区别之一是:使用4.0 ...
- Spark 初级算子
#常用Transformation(即转换,延迟加载) #通过并行化scala集合创建RDD val rdd1 = sc.parallelize(Array(1,2,3,4,5,6,7,8)) #查看 ...