首页 > Web开发 > 详细

JS扩展 或 Jquery的扩展写法

时间:2014-07-17 22:38:46      阅读:494      评论:0      收藏:0      [点我收藏+]

<script>
//JS扩展String函数test,其它类推
String.prototype.test = function(s){
alert(this+s);
}
var str = ‘hello‘;
str.test(‘world‘);//helloworld

//JQ扩展
(function($){bubuko.com,布布扣
$.fn.test = function(op){
var defaults = {a:‘no‘}
var setings = $.extend(defaults,op);
alert(setings.a);
}
})(jQuery);

//调用
$(function(){
$().test();
$().test({a:‘yes‘});
})
</script>

 

 

//JS的扩展方法: 1 定义类静态方法扩展 2 定义类对象方法扩展
            var aClass = function(){}


            //1 定义这个类的静态方法
            aClass.sayHello = function(){
                alert(‘say hello‘);
            }


            //2 定义这个类对象的对象方法
            aClass.prototype.protoSayHello = function(){
                alert(‘prototype say hello‘);
            }




            aClass.sayHello() ;//aClass的静态方法


            var aObject = new aClass();
            aObject.protoSayHello();  //类对象的方法扩展


            //JQuery的方法扩展


            //定义jquery的扩展方法
            //1 定义JQuery的静态方法
            jQuery.extend({
                staticHello: function () {
                    alert("wwg, staticHello");
                }
            });


            var str = $.staticHello();


            //2 定义JQuery对象的扩展方法
            jQuery.fn.ObjHello = function () {
                return alert("ObjHello");
            }


            $("#htmlDiv").ObjHello();

JS扩展 或 Jquery的扩展写法,布布扣,bubuko.com

JS扩展 或 Jquery的扩展写法

原文:http://www.cnblogs.com/itjeff/p/3851689.html

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