jquery-扩展

Posted 狼来的日子里！

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery-扩展相关的知识，希望对你有一定的参考价值。

jQuery扩展三种方式：$.extend，$.fn.extend，外部文件。

1）jQuery.extend(object) 调用   $.方法

2）jQuery.fn.extend(object)调用   $(..).方法

3）把扩展写在文件中引用，在调用 ，这存在两个问题：

　　一是可以扩展多个文件，文件调用的方法相同。

　　二是多个文件可能有相同的的全局变量。

　　为了解决上面的问题，可以用自执行方法（function(){形参}）（实参）

plusin1.js
/**
 * Created by alex on 2016/11/26.
 */


status = 1;

$.extend({
   ‘wangsen‘: function () {
       return ‘sb‘;
   }
});
plusin2.js

/**
 * Created by alex on 2016/11/26.
 */
(function (arg) {

    var status = 1;

    arg.extend({
       ‘wangsen‘: function () {
           return ‘sb‘;
       }
    });

})(jQu$ery);
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <script src="jquery-1.12.4.js"></script>
    <script src="plugin1.js"></script>
    <script>
        var v = $.wangsen();
        alert(v);
//        $(‘#i1‘).css()
//        $.ajax()
        // jquery扩展
//        $.fn.extend({
//            "hanyang": function () {
//                return ‘db‘;
//            }
//        });
//        var v = $(‘#i1‘).hanyang();
//        alert(v);

//        $.extend({
//            ‘wangsen‘: function () {
//                return ‘sb‘;
//            }
//        });
//        var v = $.wangsen();
//        alert(v);
    </script>

</body>
</html>

 

以上是关于jquery-扩展的主要内容，如果未能解决你的问题，请参考以下文章

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

为啥添加了jQuery还是报错？？？求大神帮帮忙

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）