jquery实现页面提示，数据正在加载中。(

简单代码：

jsp中代码如下：

<wbr> &lt;div id="dataLoad" style="display:none"&gt;&lt;!--页面载入显示--&gt;</wbr>

<wbr><wbr>&lt;table width=100% height=100% border=0 align=center valign=middle&gt;</wbr></wbr>

<wbr><wbr> &lt;tr height=50%&gt;&lt;td align=center&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;</wbr></wbr>

<wbr><wbr> &lt;tr&gt;&lt;td align=center&gt;&lt;img src="&lt;%=request.getContextPath()%&gt;/XXXXX/loading-gif.gif"/&gt;&lt;/td&gt;&lt;/tr&gt;</wbr></wbr>

<wbr><wbr> &lt;tr&gt;&lt;td align=center&gt;数据载入中，请稍后......&lt;/td&gt;&lt;/tr&gt;</wbr></wbr>

<wbr><wbr> &lt;tr height=50%&gt;&lt;td align=center&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;</wbr></wbr>

<wbr><wbr>&lt;/table&gt;</wbr></wbr>

<wbr> &lt;/div&gt;</wbr>

<wbr> &lt;script type="text/javascript"&gt;</wbr>

<wbr><wbr>$(document).ready(function() {</wbr></wbr>

<wbr><wbr> $("#dataLoad").hide(); //页面加载完毕后即将DIV隐藏</wbr></wbr>

<wbr><wbr> $("#showLoadingDiv").click(function(){$("#dataLoad").show();}); //为指定按钮添加数据加载动态显示：即将DIV显示出来</wbr></wbr>

<wbr><wbr>});</wbr></wbr>

<wbr> &lt;/script&gt;</wbr>

<input type="button" onClick="query();" id="showLoadingDiv" value="查询"><wbr></wbr>

上传一个截图：