jQuery学习笔记之插件开发(4)

简介: jQuery学习笔记之插件开发(4) github源码地址 插件:了让原有功能的增强。 1.插件的种类(3种):局部、全局、选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用的功能定义为函数,然后绑定到jQuery对象上,从而成为jQuery对象的一个扩展方法。 目前,大部分jQuery插件都是这种类型的插件,由于这种插件是

jQuery学习笔记之插件开发(4)
github源码地址
插件:了让原有功能的增强。
1.插件的种类(3种):局部、全局、选择器插件
1.1封装对象方法的插件
这种类型的插件是把一些常用或者重复使用的功能定义为函数,然后绑定到jQuery对象上,从而成为jQuery对象的一个扩展方法。
目前,大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQuery强大的选择器的优势。有很多jQuery内部方法,也是在jQuery脚本内部通过这种形式插入到jQuery框架中的,如parent()、appendTo()和addClass()等方法。

//局部方法的插件
$.fn.extend({
   test:function(str){
       alert(str);
   }
});

1.2封装全局函数的插件
可以把自定义的功能函数独立附加到jQuery命名空间下,从而作为jQuery作用域下的一个公共函数使用。例如,jQuery的ajax()方法就是利用这种途径内部定义的全局函数。
由于全局函数没有被绑定到jQuery对象上,故不能够在选择器获取的jQuery对象上调用。需要通过jQuery.fn()或者$.fn()方式进行引用。

//扩展的全局方法的插件
$.extend({
    validate:function(email){
        //真实的需求开发需要正则匹配
        if(email == "leisky@outlook.com"){
            return true;
        }else{
            return false;
        }
    }
});

1.3选择器插件
jQuery提供了强大的选择器,当然在个性化开发中,可能会感觉到这些选择器不够用,或者使用不是很方便。这个时候,我们就可以考虑自定义选择器,以满足特定环境下的选择元素摘要。
jQuery表单验证插件—— Validation
Validation插件是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证。作为一个标准的验证方法库,Validation拥有如下特点:
内置验证规则:拥有必填、数字、EMAIL、URL和信用卡号码等19类内置验证规则。
自定义验证规则:可以很方便地自定义验证规则。
简单强大的验证信息提示:提供自定义覆盖S默认提示信息的功能。
实时验证:可以通过keyup或blur事件触发验证,而不仅仅在表单提交时验证。

目录
相关文章
|
9月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
9月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
9月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
9月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
9月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
9月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
11月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
180 14
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
188 21
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
358 16
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。