jQuery插件笔记

朴灿烈づ我的快乐病毒、 2022-08-05 12:07 132阅读 0赞

//闭包限定命名空间
    (function ($) {
        //默认参数
        var defaluts = {
            foreground: 'red',
            background: 'yellow'
        };
        $.fn.extend({
            "highLight": function (options) {
                var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数
                return this.each(function () {  //这里的this 就是 jQuery对象。这里return 为了支持链式调用
                    //遍历所有的要高亮的dom,当调用 highLight()插件的是一个集合的时候。
                    var $this = $(this); //获取当前dom 的 jQuery对象，这里的this是当前循环的dom
                    //根据参数来设置 dom的样式
                    $this.css({
                        backgroundColor: opts.background,
                        color: opts.foreground
                    });
                });
    
            }
        });
    })(jQuery);
    
    //调用
    $(function () {
        $("p").highLight({foreground: 'blue'}); //调用自定义 高亮插件
    });

\----------------------------------------------------------------------------------

(function ($) {
        $.pluginName = function (opts) {
            var defaultseeting = {
                //默认参数
                A:'a',
                B:'b'
            };
            defaultseeting = $.extend(true, defaultseeting, opts);//opts是调用传入的参数
            
            excute(defaultseeting)//执行方法，传defaultseeting
    
            return this;
        };
    })(jQuery);
    
    //调用
    $.pluginName({
        A:'aa',
        B:'bb'
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，132人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery插件

jQuery插件的种类编写插件的目的是给已有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。jQuery的插件主要分为以下三种类型： 1

快来打我*/ 2022年09月17日 05:25/ 0 赞/ 264 阅读

相关 jQuery插件

学习要点： 1.插件概述 2.验证插件 3.自动完成插件 4.自定义插件插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规

谁借莪１个温暖的怀抱￠/ 2022年08月18日 15:12/ 0 赞/ 294 阅读

相关 DOM笔记（七）：开发JQuery插件

![Center][] 在上一篇笔记本中，讲解了如何利用jQuery扩展全局函数和对象：[DOM笔记（六）：怎么进行JQuery扩展？][DOM_JQuery] 在这篇笔记

梦里梦外;/ 2022年08月06日 02:15/ 0 赞/ 93 阅读

相关 jQuery插件笔记

//闭包限定命名空间 (function ($) { //默认参数 var defaluts = { f

朴灿烈づ我的快乐病毒、/ 2022年08月05日 12:07/ 0 赞/ 133 阅读

相关 JQuery插件获取URL插件

JQuery插件获取URL中GET请求参数 / JQuery插件：获取浏览器GET参数请求，返回一个数组 @author NICK @date 2016/0

我就是我/ 2022年07月17日 02:20/ 0 赞/ 333 阅读

相关 jquery插件

jq自定义插件 jq插件，即学即用新建插件先创建一个允许使用美元符号($)的包装器函数 (function($) {

约定不等于承诺〃/ 2022年05月21日 10:52/ 0 赞/ 284 阅读

相关 jQuery_做jQuery插件

要学会做自己的jQuery插件一.全局jQuery函数扩展方法 $.log = function(){ } 方法是：`$.方法名 = function(){}`

迈不过友情╰/ 2022年05月21日 00:09/ 0 赞/ 277 阅读

相关 jQuery 插件autocomplete

官网　　http://jqueryui.com/autocomplete/ 　　　　http://api.jqueryui.com/autocomplete/\even

港控/mmm°/ 2021年12月16日 03:39/ 0 赞/ 480 阅读

相关 jquery插件使用笔记（一）：jPrintArea插件的使用

今天在发现一个很好的jquery插件jPrintArea，利用该插件可以实现打印网页中的指定元素。该插件的源代码为： ![Image 1][]

偏执的太偏执、/ 2021年11月16日 07:04/ 0 赞/ 457 阅读

相关 jQuery-插件

写插件先看看jqeury的插件如何写，先了解一下如何写插件的代码。 jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQ

红太狼/ 2021年05月12日 11:51/ 0 赞/ 847 阅读