jq封装插件

作者: 野薇薇 | 来源:发表于2017-03-23 15:27 被阅读61次

<h1>1.插件参数</h1>插件用于减少代码量,防止无谓的粘贴复制,所以,要尽可能的强大,具有包容性,呵呵
参数设置:默认的,可修改的

jQuery.extend([deep], target, object1, [objectN])
   deep:       可选。如果设为true,则递归合并。
   target:     待修改对象。
   object1:   待合并到第一个对象的对象。
   objectN:   可选。待合并到第一个对象的对象。

示例1:

//合并 settings 和 options,修改并返回 settings。
var settings = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options);
//结果:
settings == { validate: true, limit: 5, name: "bar" }

示例2:

//合并 defaults 和 options, 不修改 defaults。
var empty = {}; 
var defaults = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
var settings = jQuery.extend(empty, defaults, options);
//结果:
settings == { validate: true, limit: 5, name: "bar" } 
empty == { validate: true, limit: 5, name: "bar" }

<h1>2.插件分为 类扩展和对象扩展</h1>

对象扩展:
jq中jQuery.fn=jQuery.prototype
so,jQuery.fn.extend()方法就是扩展jQuery对象的原型方法。

参考:http://www.cnblogs.com/joey0210/p/3408349.html

相关文章

  • 封装jq插件

    参考:http://blog.csdn.net/qq_19244423/article/details/46813337

  • jq封装插件

    读代码-梳理步骤(文字记录)-实现代码-学会调试http://hemin.cn/jq/ jq工具http://...

  • jq封装插件

    1.插件参数 插件用于减少代码量,防止无谓的粘贴复制,所以,要尽可能的强大,具有包容性,呵呵参数设置:默认的,可修...

  • 封装基于JQ翻页插件

    js css html

  • hz-mongoose快速入门

    //what://mongoose是mongodb的一种封装。类似js和jq的关系。//mongoose是一个插件...

  • 非常有用二

    1.jQuery 插件库[http://www.jq22.com/jq4-jq1] Look for less ,...

  • shell脚本读取json文件内容

    下载 jq[https://stedolan.github.io/jq/download/]插件。Mac 可以直...

  • input 暂位符 生成打字动画效果文本

    利用JQ 中的 placeholderTypewriter 插件

  • jq插件

    $.fn.函数名 = function(){}

  • jq插件

    (1)使div垂直水平居中的插件 (2)回到顶部插件 给指定的按钮选择器绑定一个函数,即可实现效果 实现这种缓动效...

网友评论

    本文标题:jq封装插件

    本文链接:https://www.haomeiwen.com/subject/suaznttx.html