JQery经典实用函数收集

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

HTML代码

< 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 >

JavaScript代码

$( 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");