﻿// definición de la función   
$.fn.highlight = function(options){   
    // puede recibir un array de parámetros nombrados   
    // invocamos a una función genérica que hace el merge    
    // entre los recibidos y los de por defecto    
    var opts = $.extend({}, $.fn.highlight.defaults, options);   
  
    // para cada componente que puede contener el objeto jQuery que invoca a esta función   
    this.each(function(){   
        // asignamos a la asignación del foco la invocación a una función   
        $(this).focus(function(){   
            // que asigna al fondo el color recibido o el asginado por defecto   
            $(this).css({"background" : opts. background});   
        });   
        // asignamos a la perdida del foco la invocación a una función   
        $(this).blur(function(){   
            // que asigna al fondo un color blanco   
            $(this).css({"background" : "white"});   
        });   
    });   
  
};   
  
// definimos los parámetros junto con los valores por defecto de la función   
$.fn.highlight.defaults = {   
    // para el fondo un color por defecto
background: '#F5F6CE'//'#F2F5A9'//'#a6cdec'  
};  
