分享jQuery封装好的一些常用操作

$(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<a href="http://www.opensourcehunter.com" rel=external>open link</a>

$(document).ready(function() {// Target Firefox 2 and aboveif ($.browser.mozilla && $.browser.version >= "1.8" ){  // do something}// Target Safariif( $.browser.safari ){  // do something}// Target Chromeif( $.browser.chrome){  // do something}// Target Caminoif( $.browser.camino){  // do something}// Target Operaif( $.browser.opera){  // do something}// Target IE6 and belowif ($.browser.msie && $.browser.version <= 6 ){  // do something}// Target anything above IE6if ($.browser.msie && $.browser.version > 6){  // do something}});

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

$(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<A name=top></A>// the link<A href="#top">go to top</A>});

$(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<DIV id=XY></DIV>});

有时候你需要确保图片完成加载完成以便执行后面的操作：$('img').load(function () { console.log('image load successful');});

$('img').on('error', function () { $(this).prop('src', 'img/broken.png');});

$(document).ready(function() {  window.setTimeout(function() {   // do something  }, 1000);});