邮箱：
        
       
密码：
        
       
记住密码 显示密码
        
       
        
       
忘记密码？
    
      
     

toggle-password.js：

(function ($) {    $.fn.togglePassword = function( options ) {        var s = $.extend( $.fn.togglePassword.defaults, options ),            input = $( this );        $( s.el ).bind( s.ev, function() {            var flag = "password" == $( input ).attr( "type" )             //$(input).removeAttr("type");            //flag ? $( input ).attr( "type", "text" ) : $( input ).attr( "type", "password" );            flag ? $(input)[0].type = "text" : $(input)[0].type = "password";        });    };    $.fn.togglePassword.defaults = {        ev: "click"    };}(jQuery));

　　注意：input的type属性无法修改和移除，要修改其属性，需要这样：$(input)[0].type = "text"

　　效果图：

 

　　总结：1、修改type值得方式：$("input")[0].type = "text"，这样修改才行

　　　 　　2、 组件封装的思想：（1）函数立即执行：(function($){  //do something  }(jQuery));（2）声明定义默认的default对象；（3）$.extend(default, options);完成自定义参数和方法的拓展。