zoukankan      html  css  js  c++  java
  • jQuery自定义扩展写法

    jQuery自定义扩展有两种写法:

     $.extend({}) ;           调用方法:      $.方法         
     $.fn.extend({});        调用方法:      $(选择器).方法

    写法一:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script src="jquery-3.3.1.js"></script>
    <script>
        // extention js  把扩展放在自执行函数中,可以防止全局变量同名错误。
        (function (arg) {
            var status = 1;
            $.extend({
                'hrg':function () {
                    alert('plugin');
                    return status;
                }
            });
        })(jQuery);
    </script>
    <script>
        var v = $.hrg(); 
        console.log(v);
    </script>
    </body>
    </html>
    

      

    写法二:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script src="jquery-3.3.1.js"></script>
    <script>
        // extention js  把扩展放在自执行函数中,可以防止全局变量同名错误。
        (function (arg) {
            var status = 1;
            $.fn.extend({
                'hrg':function () {
                    alert('plugin');
                    return status;
                }
            });
        })(jQuery);
    </script>
    <script>
        var v = $('div').hrg();   //调用时得加一个标签
        console.log(v);
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    用免费Scrum工具Leangoo思维导图 实现影响地图
    mysql-线程模型
    mongodb-锁
    mongodb-mmapv1存储引擎解析(转)
    netty-read
    netty-bind
    netty-eventloop
    java基础-Executor
    ehcache3-源码简析三
    ehcache3-源码简析二
  • 原文地址:https://www.cnblogs.com/alex-hrg/p/9601282.html
Copyright © 2011-2022 走看看