jQuery1.4实用技巧有哪些

这篇文章主要介绍了jQuery 1.4实用技巧有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站是一家专注于成都做网站、成都网站制作、成都外贸网站建设与策划设计,松滋网站建设哪家好?创新互联建站做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:松滋等地区。松滋做网站价格咨询:028-86922220

禁止右键点击

$(document).ready(function(){     $(document).bind("contextmenu",function(e){        return false;       });     });

隐藏搜索文本框文字

$(document).ready(function() {     $("input.text1").val("Enter your search text here");        textFill($('input.text1'));     });     function textFill(input){ //input focus text function        var originalvalue = input.val();        input.focus( function(){      if( $.trim(input.val()) == originalvalue ){ input.val(''); }     });      input.blur( function(){         if( $.trim(input.val()) == '' ){ input.val(originalvalue); }     });     }

在新窗口中打开链接

$(document).ready(function() {     //Example 1: Every link will open in a new window     $('a[href^="http://"]').attr("target", "_blank");     //Example 2: Links with the rel="external" attribute will only open in a new window     $('a[@rel$='external']').click(function(){          this.target = "_blank";     });      });     // how to use     open link

检测浏览器

注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量。

$(document).ready(function() {     // Target Firefox 2 and above        if ($.browser.mozilla && $.browser.version >= "1.8" ){         // do something         }     // Target Safari     if( $.browser.safari ){     // do something     }     // Target Chrome     if( $.browser.chrome){     // do something      }     // Target Camino     if( $.browser.camino){     // do something      }     // Target Opera     if( $.browser.opera){     // do something      }     // Target IE6 and below     if ($.browser.msie && $.browser.version <= 6 ){     // do something      }     // Target anything above IE6     if ($.browser.msie && $.browser.version > 6){     // do something     }     });

预加载图片

$(document).ready(function() {        jQuery.preloadImages = function()       {          for(var i = 0; i").attr("src", arguments[i]);       }    };    // how to use    $.preloadImages("image1.jpg");     });

页面样式切换

$(document).ready(function() {      $("a.Styleswitcher").click(function() {      //swicth the LINK REL attribute with the value in A REL attribute     $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));        });      // how to use     // place this in your header           // the links     Default Theme     Red Theme     Blue Theme     });

列高度相同

如果使用了两个CSS列，使用此种方式可以是两列的高度相同。

$(document).ready(function() {       function equalHeight(group) {       tallest = 0;       group.each(function() {        thisHeight = $(this).height();        if(thisHeight > tallest) {           tallest = thisHeight;        }      });      group.height(tallest);     }      // how to use      $(document).ready(function() {         equalHeight($(".left"));         equalHeight($(".right"));        });      });

动态控制页面字体大小

$(document).ready(function() {        // Reset the font size(back to default)       var originalFontSize = $('html').css('font-size');        $(".resetFont").click(function(){       $('html').css('font-size', originalFontSize);      });        // Increase the font size(bigger font0       $(".increaseFont").click(function(){      var currentFontSize = $('html').css('font-size');     var currentFontSizeNum = parseFloat(currentFontSize, 10);     var newFontSize = currentFontSizeNum*1.2;      $('html').css('font-size', newFontSize);         return false;      });      // Decrease the font size(smaller font)     $(".decreaseFont").click(function(){      var currentFontSize = $('html').css('font-size');     var currentFontSizeNum = parseFloat(currentFontSize, 10);     var newFontSize = currentFontSizeNum*0.8;      $('html').css('font-size', newFontSize);       return false;       });     });

返回页面顶部功能

$(document).ready(function() {     $('a[href*=#]').click(function() {        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')        && location.hostname == this.hostname) {        var $target = $(this.hash);     $target = $target.length && $target       || $('[name=' + this.hash.slice(1) +']');       if ($target.length) {      var targetOffset = $target.offset().top;      $('html,body')       .animate({scrollTop: targetOffset}, 900);       return false;     }      }     });      // how to use     // place this where you want to scroll to             // the link     go to top     });

获得鼠标指针XY值

   $(document).ready(function() {        $().mousemove(function(e){          //display the x and y axis values inside the div with the id XY        $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);      });      // how to use