前端脚本代码之效率优化

复制代码for(i=0,i<$("#obj").height(),i++){//这里放循环的内容}复制代码

复制代码var abc=$("#obj");for(i=0,$abb=$abc.height(),i<abb,i++){//这里放循环的内容}复制代码

复制代码<div id="fff"><p>秋叶网络博客</p><p class="uur">www.wuover.com</p></div>复制代码

复制代码#fff P{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}#fff .uur{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}复制代码

复制代码var $products = $("div.ehyduct");复制代码

复制代码var $products = $(".pro"); // 慢var $products = $("#pro"); // 快复制代码

复制代码$("p.at .ez");//优化前$(".at td.ez");// 优化后复制代码

复制代码$('.class');//原始代码$('.class', '#class-container');//在#class-container容器范围内进行查找复制代码

复制代码$('div.container > *'); // 差$('div.container').children(); // 棒复制代码

复制代码$('.outer-container #inner'); // 差$('#inner');//干净利落，好！复制代码

复制代码$("#nosuchthing").slideUp();// 丧尽天良的做法：jQuery后台要执行三遍查询后才会知道这个元素其实根本不存在从而放弃// 应该这样var $mySelection = $("#nosuchthing");if ($mySelection.length) {$mySelection.slideUp();}复制代码

复制代码<a id="myLink" href="#">my link</a> <!--内联绑定 不好 -->$("#myLink").on("click", myEventHandler);//js中绑定，好！复制代码

复制代码// 不易阅读的代码...$.ajax({url: "something.php?param1=test1&param2=test2",....});// 更易阅读...$.ajax({url: "something.php",data: { param1: test1, param2: test2 }});复制代码

复制代码var jqxhr = $.ajax({url: url,type: "GET", // 默认为GET,你可以根据需要更改cache: true, // 默认为true,但对于script,jsonp类型为false,可以自行设置data: {}, // 将请求参数放这里.dataType: "json", // 指定想要的数据类型jsonp: "callback", // 指定回调处理JSONP类型的请求statusCode: { // 如果你想处理各状态的错误的话404: handler404,500: handler500}});jqxhr.done(successHandler);jqxhr.fail(failureHandler);复制代码

复制代码$("#myDiv").addClass("error").show();复制代码

复制代码$myLink.attr("href", "//www.mizuiren.com").attr("title", "my link").attr("rel", "external"); // 糟糕：调用了三次attr// 不错，只调用了一次attr$myLink.attr({href: "//www.mizuiren.com",title: "my link",rel: "external"});复制代码

复制代码$("#mydiv").css({'color':red, 'font-weight':'bold'}); // 不好//nice！css：.error {color: red;font-weight: bold;}js：$("#mydiv").addClass("error");复制代码

复制代码$("#myId"); // 多少还是会逊色于...document.getElementById("myId");复制代码