JQery经典实用函数收集

1. 给input域一个默认值，然后在聚焦的时候清空它

<form id="testform">
    <input type="text" class="clear" value="Always cleared" />
    <input type="text" class="clear once" value="Cleared only once" /> 
    <input type="text" value="Normal text" />
</form>

$(function() {

 //取出有clear类的input域 //(注: "clear once" 是两个class clear 和 once) $('#testform input.clear').each(f$(function() {

 //取出有clear类的input域
 //(注: "clear once" 是两个class clear 和 once)
 $('#testform input.clear').each(function(){
   //使用data方法存储数据
   $(this).data( "txt", $.trim($(this).val()) );
 }).focus(function(){
   // 获得焦点时判断域内的值是否和默认值相同，如果相同则清空
 if ( $.trim($(this).val()) === $(this).data("txt") ) {
     $(this).val("");
   }
 }).blur(function(){
   // 为有class clear的域添加blur时间来恢复默认值
 // 但如果class是once则忽略
 if ( $.trim($(this).val()) === "" && !$(this).hasClass("once") ) {
     //Restore saved data
     $(this).val( $(this).data("txt") );
   }
 });
});
 
2. 预加载图片
//定义预加载图片列表的函数(有参数)  
jQuery.preloadImages = function(){
  //遍历图片
 for(var i = 0; i<arguments.length; i++){
    jQuery("<img>").attr("src", arguments[i]);
  }
}
// 你可以这样使用预加载函数
$.preloadImages("images/logo.png", "images/logo-face.png", "images/mission.png");