WEB开发网
开发学院网页设计JavaScript Jquery优化技巧 阅读

Jquery优化技巧

 2012-11-27 20:11:13 来源:WEB开发网   
核心提示:});/*方法三---在jquery函数内使用$符*/jQuery.noConflict();jQuery(function($){$("#div0").html();})9.选用子查询优化选择性能;<div id="div0"><ul class="
});

/*方法三---在jquery函数内使用$符*/
jQuery.noConflict();
jQuery(function($){
$("#div0").html();
})

9.选用子查询优化选择性能;
<div id="div0">
<ul class="myclass">
<li class="li0"><span>测试元素一</span></li>
<li class="li1">测试元素二</li>
</ul>
</div>

一般写法$("#div0 .myclass .li0 span").hmtl();
$("#div0 .myclass .li1").hmtl();
如上写法效率较低,没缓存,不利于同级查询,每一次都是一个新的开销;

var $obj = $("#div0");
var $objc = $obj.find(".myclass");
var $objli0 = $objc.find(".li0");
var $spn = $objli0.find("span");
var li0 = $spn.html();
var objli1 = $objc.find(".li1");
var li1 = $objli1.html();

上一页  1 2 

Tags:Jquery 优化 技巧

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接