win7优化 Jquery优化技巧

Jquery优化技巧  

　　 优化使用id与标记选择器 访问dom元素最快速度是 id 其次是元素的标记(tag) 依次是类别（class） 使用jquery对象缓存 所谓对象缓存就是 在使用jquery对象时 先尽量使用变量保存对象名 然后通过变量的方法相应操作 例如 $("#main") css("height" " px"); $("#main") click(function(){}); $("#main") attr("checked" true); 优化后的代码是 var obj = $("#main"); obj css("height" " px"); obj click(function(){}); obj attr("checked" true); 如果想让变量在其它函数中也能运用 可以如下定义 //全局变量 window objPub = { obj:$("#main"); } 在使用变量缓存jquery对象时 有如下两点需要注意 ) 无论是局部还是全局变理 为避免与其它变量冲突 尽量这样命名 var $obj = $("#main"); ) 如果同一个dom对象有多个操作时 尽量采用链式的写法优化调用代码 例如 $obj css("height" " px") click(function(){}) attr("" "");

　　 给选择器一个上下文 例如 $(expression [context]) []里表示是一范围 例如 <div class=" myclass"> <div id="div "></div> </div> $("#div " " myclass")的效率要高于$("#div ") 选择器中含有特殊的符号; 在页面中 根据W C标准 不能包含"#" "(" "["等不规范字符 例如<div id="div #"></div> 错误写法 $("#div #") (); 正确写法 $("#div #") ();得需要用""进行转义

　　 选择器中含有空格符 例如 $(" myclass :hide")表示为 myclass下的隐藏元素 $(" myclass:hide")表示为所隐藏元素的class为 myclass

　　 优化事件中的冒泡现象 页面元素嵌套时 如果触发同一事件 可能会触发事件的冒泡现象 可以用stopPagation来阻止这一现象的发生 target获取触发事件的元素