JQuery扩展问题！

Question

完全看不懂想干什么
jquery的扩展方式是：
$.fn.xxx=function(){
...
}这样可以用 $(xx).xxx();方式调用，函数中this指向选中的jQuery对象

Answer 1

我想象Jqery EasyUI 一样，自定义一个方法
 test({
                onChange: function () {
                    alert(2);
                }
            })；调用，并触发onChange事件

Answer 2

//方法定义
$.windowbox = {
    //定义一个方法aa
    aa: function(){
        alert("aa");
    },    //定义一个方法bb
    bb: function(){
        alert("bb");
    }
}
$.windowbox.aa(); //调用$.windowbox里的aa方法
$.windowbox.bb(); //调用$.windowbox里的bb方法

Answer 3

$.fn.xxxxx = function( args ){};
$.fn.extend( {
    xxx  : function(){},
    xxxx : function(){}
} )

Answer 4

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div>1</div><br /><br /><div>2</div>
<script>    $.fn.border = function (color, params) {
        if (color == 'setColor') {//判断color参数是否为自定义的方法
            return this.css('border', 'solid 1px ' + params);
        }
        return this.css('border', 'solid 1px ' + color);
    }
    $('div').border('red');
    setTimeout(function () { $('div').border('setColor', 'blue'); }, 3000);
</script>

Answer 5

大湿们，我现在想回调change事件，怎么整呀   //方法定义
        $.fn.windowbox = function (arg) {
            alert(arg.height);
            //含有change事件回调
            if (arg.onchange) {
                //callback(onchange);
            }
        }        $(function () {
            $('#flat').windowbox({ width: 140,
                height: 120,
                onchange: function (b) {
                    alert(2)
                }
            });
        });

Answer 6

if (arg.onchange && $.isFunction(arg.onchange)) {
    arg.onchange();
}