jQuery function想必大家都不会陌生
web前端开发人员经常会接触到
下面为大家介绍下它的正确书写方法
感兴趣的朋友可以参考下
jQuery 正确的书写格式
引入<script src="/libs/jquery/jqueryjs" type="text/javascript"></script>
html写法
复制代码 代码如下:
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=utf"/>
<title></title>
<script src="modulesjs/qiyijs"></script>
<script>
$(function() {
qiyiPlugininit($("#zong_qiyi"));
});
</script>
</head>
<div id="zong_qiyi">
//XXXXXXXXXXXXXX
</div>
jQuery写法
var qiyiPlugin =
{
init: function(parentNode) {
var self = this;
selfparentNode = parentNode;
//刷新局部内容
selfparentNode
on(refreshfunction(event){
selfqiyiList();
});
}
//显示
qiyiList: function(){
var self = this;
//显示内功信息
selfgetQiyiList(function(result){
//consolelog(result);
if(resultqiyiList){
selfqiyiHtml();//重新覆盖html防止重复显示内容
selfdisplayQiyiList(resultqiyiList);//展示页面内容
}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 line = $(top)find("#qiyi_control_panel");
$each(qiyiListfunction(indexitem){
var line = $(line)clone();
$(line)data(dataitem);//附加属性data与信息
$(line)attr(idindex+);
$(line)find("#name")html(itemname);
$(line)find("#level")html(itemlevel);
$(line)find("#maxLevel")html(itemmaxLevel);
$(line)find("#exp")html(itemexp+"/"+itemneedExp);
$(line)find("#desc")html(itemdesc);
$(line)before(line);
$(line)show();
$(line)find("#upgrade")
on(clickfunction(event){
var table = $(this)parents(table:first);
var info = $(table)data(data);
selfclickToUpgradeQiyi(info function(result){
if(!resultsuccess){
alert(resultfaildesc);
}else{
//alert(resultsuccessdesc);
growingPluginplayerTopData();//改变attrs属性
selfparentNodetrigger(refresh);
}
});
});
});
}
//赋html值
qiyiHtml: function() {
var string = "<table id=qiyi_control_panel class=table tablebordered tablehover style=display:none; width:;>";
string += "<tr><td>名称</td><td id=name>haoren_内功</td></tr>";
string += "<tr><td>当前等级</td><td id=level></td></tr>";
string += "<tr><td>最大等级</td><td id=maxLevel></td></tr>";
string += "<tr><td>exp</td><td id=exp></td></tr>";
string += "<tr><td>描述</td><td id=desc></td></tr>";
string += "<tr><td><button id=upgrade class=btn btnlink>升级</button></td></tr>";
string += "</table>";
$("#zong_qiyi")html(string);
}
//奇艺升级
clickToUpgradeQiyi: function(infocallback) {
var query = "operation=upgradeQiyi";
query += "&qiyiName=" + infoname;
toolsPluginplay(querycallback);
}
//获得奇艺列表
getQiyiList: function(callback) {
var query = "operation=getQiyiList";
toolsPluginplay(querycallback);
}
};
