首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么提高jquery的检索速度

2013-01-07 
怎样提高jquery的检索速度jquery的:html:table cellspacing0 border0 cellpadding0 width100%

怎样提高jquery的检索速度
怎么提高jquery的检索速度
jquery的:


html:
<table cellspacing="0" border="0" cellpadding="0" width="100%">
<tr class="bottom_bg"><td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td></tr>
<tr>
<td class="left_menu_bg02">
<div style="width: 340px; height: 150px; margin-top: 0px; overflow: auto;"
class="left_menu_bg2" id="menuList">
<table width="100%"   class="listStyle"  id="distable">
    <tr><th width="40px">&nbsp;&nbsp;</td>
<th width="70px">地区代码</td>
<th>地区名称</td></tr>
<c:forEach items="${dis}" var="dis">
<tr id="disTR"><td><input type="checkbox"/></td>
<td id="${dis.districtCode}">${dis.districtCode}</td>
<td id="${dis.districtFullName}">${dis.districtFullName}</td></tr>
</c:forEach>
</table>
</div>
</td>
<td>
    <table>
<tr>
<td  align="right">地区代码:</td><td align="left"><input class="input_M3" id="districtCode" type="text"/></td>
</tr>
<tr>
<td  align="right">地区名称:</td><td align="left"><input class="input_M3" id="districtFullName" type="text"/></td>
</tr>
<tr><td>&nbsp;&nbsp;</td></tr>
<tr>
<td></td>
<td align="right">
<input name=""  id="disser" type="button" class="button_blue" value="查   询"  />
</td>
<tr>
</table>
</td>
<tr class="bottom_bg">
<td ></td>

<td align="right">
<input name=""  id="disadd" type="button" class="button_blue" value="保  存"  />&nbsp;&nbsp;
<input name=""  id="disnot" type="button" class="button_blue" value="取  消"  />
</td>
</tr>
</table>

大约3000多条数据,有点慢.用json最慢了,不想刷新……灰常不想用用iframe,求大神指点
[解决办法]
@@应该再加个table限定,漏了。

distable

$('#disser').click(function(){
    var code = $('#districtCode').val().trim();
    $("#distable tr").hide();
    $("#distable tr[id^='" + code + "']").show();
});

[解决办法]
引用:
引用:@@应该再加个table限定,漏了。

distable


JavaScript code

$('#disser').click(function(){     var code = $('#districtCode').val().trim();     $("#distable tr").hide();    ……


若不用table  限定的话就是整个页面查找tr标签了,建议再加个变量吧


$('#disser').live('click',function(){
var code=$('districtCode').val().trim();
var MyTR=$('#distable tr');
MyTR.hide();
MyTR.find("td[id^="+code+"]").parents().show();
});

热点排行