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(){

}

方法之外用逗號隔開

方法之內用分號隔開

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的jQuery面向对象写法规定写法样式规定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。