首页 > Web开发 > 详细

jquery-扩展

时间:2017-10-06 21:49:52      阅读:259      评论:0      收藏:0      [点我收藏+]

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-扩展

原文:http://www.cnblogs.com/lixiang1013/p/7633000.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!