求高人把俺这些个代码优化一下，1G内存已经带不起来了

Question

$("#scale div").click(function(){
var id=Number($(this).attr("id"));
var name=Number($(this).attr("name"));
var id1=id+1;
var id2=id+2;
var name1=name+1;
var name2=name+2;
if(flagHinder==1){
if(flagN==1){
$(this).html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
matrix[id][name]=1;
}else if(flagN==4){
$(this).html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id+"][name="+name1+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id1+"][name="+name+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id1+"][name="+name1+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
matrix[id][name]=1;
matrix[id][name1]=1;
matrix[id1][name]=1;
matrix[id1][name1]=1;
}else if(flagN==9){
$(this).html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id+"][name="+name1+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id+"][name="+name2+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id1+"][name="+name+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id1+"][name="+name1+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id1+"][name="+name2+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id2+"][name="+name+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id2+"][name="+name1+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
$("[id="+id2+"][name="+name2+"]").html("<img src='"+path+"/mapEditor/images/zhalan.png' />");
matrix[id][name]=1;
matrix[id][name1]=1;
matrix[id][name2]=1;
matrix[id1][name]=1;
matrix[id1][name1]=1;
matrix[id1][name2]=1;
matrix[id2][name]=1;
matrix[id2][name1]=1;
matrix[id2][name2]=1;
}
}else if(flagHinder==2){
if(flagN==1){
$(this).html("");
matrix[$(this).attr("id")][$(this).attr("name")]=0;
}else if(flagN==4){
$(this).html("");
$("[id="+id+"][name="+name1+"]").html("");
$("[id="+id1+"][name="+name+"]").html("");
$("[id="+id1+"][name="+name1+"]").html("");
matrix[id][name]=0;
matrix[id][name1]=0;
matrix[id1][name]=0;
matrix[id1][name1]=0;
}else if(flagN==9){
$(this).html("");
$("[id="+id+"][name="+name1+"]").html("");
$("[id="+id+"][name="+name2+"]").html("");
$("[id="+id1+"][name="+name+"]").html("");
$("[id="+id1+"][name="+name1+"]").html("");
$("[id="+id1+"][name="+name2+"]").html("");
$("[id="+id2+"][name="+name+"]").html("");
$("[id="+id2+"][name="+name1+"]").html("");
$("[id="+id2+"][name="+name2+"]").html("");
matrix[id][name]=0;
matrix[id][name1]=0;
matrix[id][name2]=0;
matrix[id1][name]=0;
matrix[id1][name1]=0;
matrix[id1][name2]=0;
matrix[id2][name]=0;
matrix[id2][name1]=0;
matrix[id2][name2]=0;
}
}
});
});
因为代码很多还有HTML部分，还有一些图片。全部贴出来也不现实。
我觉得是因为这部分代码的问题，所以只把这部分的贴出来了。
所以，我想请高人留下邮箱什么的联系方式，我把全部代码打包发给你。
谢谢了。

Answer 1

这是jquery代码吧？
光从代码上看，这是典型的滥用选择器。
当页面上元素很多时，属性选择器会非常慢，尤其是在进行全局选择的时候。
因为原生代码中通过ID查找元素可以通过原生代码 getElementById 实现。
而通过属性遍历，有些浏览器需要通过JS对全部元素进行筛选来获取。解决方案：
1，减少使用选择器的次数，用变量缓存使用选择器的jquery对象。
2，避免全局遍历，在属性选择器前面加上其所在的ID，减少其筛选范围。例如：$('[name="myinput"]')改为：$('#form1 [name="myinput"]')，或者$('#form1').find([name="myinput"]);

Answer 2

另：看你用了N多PNG，IE6不支持直接显示半透明PNG的，如果你用了特殊手段，比如滤镜。那么大量的PNG半透明图片的加载，也会搞垮你的IE。

Answer 3

谢谢三楼。
我jquery就是从一个博客 灰灰虫的家 这里自学的。
也没系统的学习，就拿来用了。
用jquery的时候还有什么需要注意吗？
或者能给我推荐一些资料什么的吗？

Answer 4

jquery只是一个JS库，阅读它源代码并试图去理解对你会有不少好处。
你可以从官网下载未压缩过的jquery源码。
真正了解了JS所有的基础知识，你会非常深刻的理解jquery的使用。
如果要恶补JS基础，推荐《javascript权威指南》。