JQ 插件

作者: Cherry丶小丸子 | 来源:发表于2020-01-09 10:18 被阅读0次

jquey的插件主要分为3中类型
1.封装对象方法的插件
2.封装全局函数的插件
3.选择器插件

jquery插件的文件名推荐为:jquery.插件名.js

jQuery.fn.extend()和jQuery.extend()

结构

;(function($){
    var foo; // 定义一个局部变量foo,仅函数内部可以使用,外部无法访问
    var bar = function(){
        /*
            在匿名函数内部的函数都可以访问foo,即便是在匿名函数的外部调用bar()的时候,也可以
            在bar()的内部访问到foo,但在匿名函数的外部直接访问foo是做不到的
        */
    }

     /*
        下面的语句让匿名函数内部的函数bar()逃逸到全局可访问的范围内,这样就可以在匿名函数的外部
        通过调用jQuery.BAR()来访问内部定义的函数bar(),并且内部函数bar()也能访问匿名函数内的变量foo
    */
    $.BAR = bar;

    // $.fn.iframeTab = function(){}
    $.fn.extend({
        "chenhanfu":function(params){
            .....
            return this // 返回this,使方法可链
        }
    })
})(jQuery)

注意:插件内部的this只想的是jQuery对象,而非普通的DOM对象。

相关文章

网友评论

      本文标题:JQ 插件

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