﻿(function(a) {
    a.fn.extend({
            enfocar: function() {
                this.each(function() {
                    var $this = a(this); 
                    $this.css("backgroud-color", "white");

                    $this.focus(function() {
                        $this.css("background-color", "yellow");
                    });

                    $this.blur(function() {
                        $this.css("background-color", "white");
                    });
                });
            }
    });
})(jQuery);

























//(function($) {
//$.fn.enfocar = 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.enfocar.defaults = {
//    // para el fondo un color por defecto
//    background: 'yellow'
//};

//})(jQuery);


//    this.each(function() {
//        elem = $(this);
//        alert("nnnnn");

//        elem.focusin(
//            function() {
//                alert("xxx");
//                $(this).css("background-color", "yellow");
//            }
//        );
//        elem.focusout(
//            function() {
//                $(this).css("background-color", "white");
//            }
//        );
//    });
//    return this;
//};



//(function($) {
//    //código del plugin
//})(jQuery);
