JQUERY面向对象写法规定

1.定义对象

var product = {};

2.对象里面的属性与方法

    var product = {
        init:function(){
            this.p = 1;
            this.sort_field = "default";
            this.sort = "";
            this.eventBind();
        },
        eventBind:function(){
            var that = this;
            $(".search_header .search_icon").click( function(){
                that.search();
            });

            $(".sort_box .sort_list li a").click( function(){
                that.sort_field = $(this).attr("data");
                if( $(this).find("i").hasClass("high_icon")  ){
                    that.sort = "asc"
                }else{
                    that.sort = "desc"
                }
                that.search();
            });

            process = true;
            $( window ).scroll( function() {
                if( ( ( $(window).height() + $(window).scrollTop() ) > $(document).height() - 20 ) && process ){
                    process = false;
                    that.p += 1;
                    var data = {
                        kw:$(".search_header input[name=kw]").val(),
                        sort_field:this.sort_field,
                        sort:this.sort,
                        p:that.p
                    };

                    $.ajax({
                        url:common_ops.buildMUrl( "/product/search" ),
                        type:'GET',
                        dataType:'json',
                        data:data,
                        success:function( res ){
                            process = true;
                            if( res.code != 200 ){
                                return;
                            }
                            var html = "";
                            for( idx in res.data.data ){
                                var info = res.data.data[ idx ];
                                html += '<li> ' +
                                    '<a href="' + common_ops.buildMUrl( "/product/info",{ id:info['id'] } ) + '"> ' +
                                        '<i>' +
                                            '<img src="'+ info['main_image_url'] +'"  style="width: 100%;height: 200px;"/>' +
                                        '</i> ' +
                                        '<span>'+ info['name'] +'</span> ' +
                                        '<b>' +
                                            '<label>月销量' + info['month_count'] +'</label>¥' + info['price'] +'' +
                                        '</b> </a> ' +
                                    '</li>';
                            }

                            $(".probox ul.prolist").append( html );
                            if( !res.data.has_next ){
                                process = false;
                            }
                        }
                    });
                }
            });
        },
        search:function(){
            var params = {
                kw:$(".search_header input[name=kw]").val(),
                sort_field:this.sort_field,
                sort:this.sort
            };
            window.location.href = common_ops.buildMUrl("/product/index",params);
        },
    };

调用：product.init();

3.总结

对象：var obj = {}

对象属性：this.name = "sunxiao";

对象方法调用：this.funcname();

对象方法声明：

funcname:function(){

}

对象的方法之外用逗号隔开

对象的方法之内用分号隔开