html运用jquery的写法,jQuery function的正确书写方法

jQuery 正确的书写格式：

引入：

html写法：

$(function() {

qiyiPlugin.init($("#zong_qiyi"));

});

//XXXXXXXXXXXXXX

jQuery写法：

var qiyiPlugin =

{

init: function(parentNode) {

var self = this;

self.parentNode = parentNode;

//刷新局部内容

self.parentNode

.on('refresh',function(event){

self.qiyiList();

});

},

//显示

qiyiList: function(){

var self = this;

//显示内功信息

self.getQiyiList(function(result){

//console.log(result);

if(result.qiyiList){

self.qiyiHtml1();//重新覆盖html，防止重复显示内容

self.displayQiyiList(result.qiyiList);//展示页面内容

}else{

alert("没有获得奇艺数据，请查看接口");

}

});

},

//显示奇艺内容

displayQiyiList: function(qiyiList){

var self = this;

var top = "#zong_qiyi";

$(top).find('#qiyi_control_panel').each(function(){

if ($(this).data('data')) $(this).remove();

});

var line0 = $(top).find("#qiyi_control_panel");

$.each(qiyiList,function(index,item2){

var line1 = $(line0).clone();

$(line1).data('data',item2);//附加属性data与信息

$(line1).attr('id',index+1);

$(line1).find("#name").html(item2.name);

$(line1).find("#level").html(item2.level);

$(line1).find("#maxLevel").html(item2.maxLevel);

$(line1).find("#exp").html(item2.exp+"/"+item2.needExp);

$(line1).find("#desc1").html(item2.desc1);

$(line0).before(line1);

$(line1).show();

$(line1).find("#upgrade")

.on('click',function(event){

var table = $(this).parents('table:first');

var info = $(table).data('data');

self.clickToUpgradeQiyi(info, function(result){

if(!result.success){

alert(result.fail.desc1);

}else{

//alert(result.success.desc1);

growingPlugin.playerTopData();//改变attrs属性

self.parentNode.trigger('refresh');

}

});

});

});

},

//赋html值-

qiyiHtml1: function() {

var string = "

string += "

名称：haoren_内功";

string += "

当前等级：";

string += "

最大等级：";

string += "

exp：";

string += "

描述：";

string += "

升级";

string += "

";

$("#zong_qiyi").html(string);

},

//奇艺升级

clickToUpgradeQiyi: function(info,callback) {

var query = "operation=upgradeQiyi";

query += "&qiyiName=" + info.name;

toolsPlugin.play(query,callback);

},

//获得奇艺列表

getQiyiList: function(callback) {

var query = "operation=getQiyiList";

toolsPlugin.play(query,callback);

},

};