jQuery开发基础第10章jQuery性能优化和 与技巧.ppt

6．检测浏览器 在jQuery1.9版本之前，检测浏览器类型使用如下方法： $(document).ready(function() { //检测火狐浏览器 if ($.browser.mozilla $.browser.version = 1.8 ){ } //检测Safari浏览器 if( $.browser.safari ){ } //检测Chrome浏览器 if( $.browser.chrome){ } //检测Opera浏览器 if( $.browser.opera){ } //检测IE6及以下版本浏览器 if ($.browser.msie $.browser.version = 6 ){ } //检测IE6以上版本浏览器 if ($.browser.msie $.browser.version 6){ } }); 但是，在jQuery1.9版本之后，$.browser已被剔除。因此要需要使用其他方式来检测浏览器， 具体代码如下： $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase()); $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase()); 等号后面的表达式返回的是true或false，可以直接用来替换原来的$.browser.msie等。 检测是否为IE6： if(undefined == typeof(document.body.style.maxHeight)){} 检测是否为IE6-8: if(!$.support.leadingWhitespace){} 7．jQuery延时加载功能 $(document).ready(function() { window.setTimeout(function() { }, 1000); }); 8．预加载图片 $(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; iARGUMENTS.LENGTH; jQuery(?img { i++)).attr(src, arguments[i]); } } //使用方法 $.preloadImages(image1.jpg); }); 9．设置两列或者多列高度相同 $(document).ready(function() { function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight tallest) { tallest = thisHeight; } }); group.height(tallest); } //使用方法 $(document).ready(function() { equalHeight($(.left)); equalHeight($(.right)); }); }); 10．动态控制页面字体大小 $(document).ready(function() { //重新设置页面字体大小 var originalFontSize = $(html).css(font-size); $(.resetFont).click(function(){ $(html).css(font-size, originalFontSize); }); //逐级递增字体大小 $(.increaseFont).click(function(){ var currentFontSize = $(html).c