zoukankan      html  css  js  c++  java
  • jQuery学习笔记之插件开发(4)

    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事件触发验证,而不仅仅在表单提交时验证。

  • 相关阅读:
    Django高级编程之自定义Field实现多语言
    Python魔法方法__getattr__和__getattribute__详解
    Python深入浅出property特性属性
    Python中使用__new__实现单例模式并解析
    Python中类方法、__new__方法和__init__方法解析
    Python中可迭代对象、迭代器以及iter()函数的两个用法详解
    Docker ubuntu apt-get更换国内源解决Dockerfile构建速度过慢
    Python抽象基类中__subclasshook__方法的使用并实现自己的虚拟子类
    Scrapy-redis分布式爬虫爬取豆瓣电影详情页
    PHP5.5+ APC 安装
  • 原文地址:https://www.cnblogs.com/lanzhi/p/6467949.html
Copyright © 2011-2022 走看看