1.定義對(duì)象

var product = {};

2.對(duì)象里面的屬性與方法

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);},}; 調(diào)用：product.init();

3.總結(jié)

對(duì)象：var obj = {}

對(duì)象屬性：this.name = "sunxiao";

對(duì)象方法調(diào)用：this.funcname();

對(duì)象方法聲明：

funcname:function(){

}

方法之外用逗號(hào)隔開(kāi)

方法之內(nèi)用分號(hào)隔開(kāi)

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。