`
zhuozm348
  • 浏览: 742 次
社区版块
存档分类
最新评论

编写jQuery插件

阅读更多

一、jQuery插件类型

    插件类型有以下三种:

  1. 封装对象方法的插件:用于对选择器获取的jQuery对象进行操作 eg:$("#id").addClass()
  2. 封装全局函数的插件:加到jQuery命名空间下的独立函数 eg:$.ajax()
  3. 选择器插件:eg:使用fontSize(‘150px’)选中所有字体大小为150px的元素之类的自定选择器
二、闭包的特性
  1. 避免内部临时变量影响全局空间
  2. 可以在插件内部继续使用$作为jQuery别名使用
//前面加入;可以拥有更好兼容性
;(function($){//此处将$作为形参,方便内部函数使用
var a;
var b=function(){
//这里用于写bar函数的具体操作
}
$.B=b;
//这个语句是的外部可以使用$.B()来全局调用b函数
})(jQuery);//此处将jQuery作为实参传入内部函数
 三、jQuery插件的扩展方法
   
  1. 有两种扩展方式jQuery.fn.extend()和jQuery.extend(),前者用于扩展第一种插件,后者用于扩展第二三种插件
  2. 两种方法都接收对象参数
  3. jQuery.extend()方法还用于扩展已有的object对象
  • var new=jQuery.extend(obj1,obj2);
    //合并两个对象 并且返回合并后的对象(第一种用法)
    
    
    obj=jQuery.extend({
         name:“ddd”
        length:“15”
    },obj2);
    //用于覆盖obj2原来的默认参数值
四、编写插件
 
//缺注意事项
分享到:
评论

相关推荐

    如何编写jquery插件

    本文将详细介绍如何编写jQuery插件 类型 jQuery的插件主要分为3种类型 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery...

    jQuery插件开发学习

    NULL 博文链接:https://zhoucl.iteye.com/blog/1239737

    用JS编写JQuery插件版的动画播放器

    NULL 博文链接:https://nomandia.iteye.com/blog/1167630

    jquery插件编写指南

    这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。

    jquery-plugin-typescript-example:示例项目,演示如何使用TypeScript编写jQuery插件

    jquery-plugin-typescript-example:示例项目,演示如何使用TypeScript编写jQuery插件

    eclipse上支持jquery插件

    eclipse上支持jquery的插件,使eclipse能够提供jquery提示,更快编写jquery代码

    编写jquery弹出框插件

    编写jquery弹出框插件 自己制作 编写javascript

    jQuery基础教程

    《jQuery基础教程(第2版)》最后两章专门介绍了如何使用和编写jQuery插件。值得一提的是,本版新增的附录D分门别类地列出了所有jQuery API,为高效使用jQuery提供了方便。, 《jQuery基础教程(第2版)》注重理论与实践...

    jquery插件使用方法大全

    plugin历史版本1、新的事件.on() .off()3、动画的改进1.42版介绍JQuery插件让Dreamweaver支持提示代码功能引入JQuery展开编辑本段简介  jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript...

    eclipse插件 - jQuery

    我们在编写js的时候,如果采用了jquery框架,当然很希望Eclipse能帮我们完成代码自动完成的功能了,但Eclipse默认只是支持js的代码自动完成,利用这个插件,可以让Eclipse支持jquery的代码自动完成功能(前提:...

    eclipse中jquery插件配置

    详细的的介绍了eclipse中编写jQuery可以提示,附带文件

    jQuery基础教程(中文第2版)完整高清pdf

    本书最后两章专门介绍了如何使用和编写jQuery插件。值得一提的是,本版新增的附录D分门别类地列出了所有 jQuery API,为高效使用jQuery提供了方便。  本书注重理论与实践相结合,适合初中级Web开发人员阅读和参考

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jQuery-Pulgins:我的日常工作 jQuery 插件

    jQuery 插件我的日常工作 jQuery 插件==== star.js ==== 描述:明星的jQuery插件注意:我第一次尝试编写 jQuery 插件。 ====滑块.js ==== 描述:滑块的jQuery插件版本:1.0 日期 : 2013-10-15 14:00:09 版本:1.0.1 ...

    如何编写jquery组件(jq插件).zip

    如何编写jquery组件(jq插件)

    编写jquery弹出框插件.docx

    编写jquery弹出框插件.docx 很方便,又实用

    Jquery扩展 编写自已的Jquery插件

    这是一本带领你一步步编写自己的Jquery自定义插件或控件的好书,本书共14章,内容充实,是不本相当不错的前端开发学习资料

    jquery-numpad:数字键盘jQuery插件

    所以,您已经尝试过编写 jQuery 插件,并且很容易将一些可能有效的东西放在一起。 惊人的! 问题是,您认为可能有更好的方式来编写它们 - 您已经看到它们在野外以多种不同的方式完成,但不确定这些模式之间有什么...

    让人期待的2011年度最佳 jQuery 插件分享

    jQuery的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。 Isotope Isotype 是一款非常优秀的 jQuery 插件,用于创建...

Global site tag (gtag.js) - Google Analytics