7、jQuery插件

哎，我说代码打完了吗

于 2019-03-16 20:01:36 发布

阅读量210

点赞数

分类专栏： 2、jQuery笔记

本文链接：https://blog.csdn.net/weixin_43778426/article/details/88604564

版权

2 篇文章 0 订阅

订阅专栏

插件形式分为3类：
- 封装对象方法插件，扩展原型对象方法
- 封装全局函数插件（静态方法），如 $. e a c h,$ .map,$.makeArray…
- 选择器插件(类似于.find())
自定义插件的规范（降低各种插件之间的冲突，减少错误机率）
- 命名规范：jquery.插件名.js
- 插件中的this应该指向jQuery实例
- 使用this.each()迭代元素,为了实现多个调用
- 插件内部必须返回jQuery实例(this)，便于链式调用
- 所有的对象法附加在jQuery.fn对象(jQuery.prototype)上面，所有静态附加在jQuery上
- 所有的方法或插件必须用分号结尾，避免出问题,为了保证插件的安全性，也可以在插件开始的地方加分号
- 避免插件内部的 $冲突，请传递 j Q u e r y ($ 并不是总等于jQuery，另外其他js框架也可能使用$)

$.extend([d],target,obj1,obj2,…,[objN]) //扩展对象或jQuery对象本身。用来扩展jQuery全局函数
- 用obj1-objN对象来扩展target对象
- 只有一个参数时，用来扩展jQuery全局函数：$.extend({‘hobby’:’撸串’})
  $. a j a x,$ .map,$.each
- d:是否深拷贝,布尔类型（true,false）
$.fn.extend() //扩展 jQuery元素集合提供新的方法（扩展jQuery原型对象，通常用来制作插件）。

$.fn.extend({
    xPopover(){},
    xAjax(){},
    xAjax(){},
    xAjax(){},
    xAjax(){}
})

关注