码迷,mamicode.com
首页 > Web开发 > 详细

JS扩展 或 Jquery的扩展写法

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

标签:http   os   io   cti   html   re   

<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   os   io   cti   html   re   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!