开发者社区> 王小雷> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jQuery学习笔记之jQuery的Ajax(3)
jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ———————————————————————————— 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求。 js代码发送一个ht
1374 0
jQuery计算器插件
在线演示 本地下载
936 0
Dynatable – 基于 HTML5 & jQuery 的交互表格插件
  Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API,能够轻松的浏览和操作大规模的数据集。
1228 0
【精心挑选】10款基于 jQuery 的图片360度旋转插件
  之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
1062 0
jquery插件整理篇(七)表格插件
(1)Flexigrid Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
899 0
推荐18款非常棒的 jQuery 表格插件
  我们一般都是用HTML表格来显示结构化数据,如今有很多的 jQuery 表格插件可以帮助我们更好的组织和控制表格数据,增强表格的功能和操作。今天要与大家分享的是18个非常优秀的 jQuery 表格插件,有用到朋友可以参考一下。
1345 0
Jquery图片滚动插件—BxCarousel
Jquery图片滚动插件—BxCarousel BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件,特征主要有: Ø  可以指定显示的元素数 Ø  可以指定每次滚动元素数 Ø  自动播放模式 Ø  前一张/后一张按钮控制图片流动   下面我看两个BxCarousel...
758 0
+关注
王小雷
专注大数据,人工智能的多面手,对新兴的技术与知识充满了好奇与渴望!
128
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载