显示/隐藏输入的密码--jquery插件--toggle-password

做了个小demohtml代码如下：<input type="password" id="psw" /><a id="toggle" href="javascript:;">show/hide</a>a

做了个小demohtml代码如下：

	<input type="password" id="psw" />	<a id="toggle" href="javascript:;">show/hide</a>

a元素的作用是给用户触发切换显示/隐藏效果；

插件的代码很少，这里就直接展示toggle-password插件的源代码了

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

加入了插件之后，就简单多了，只需要写很少的代码就能实现这个功能了，代码如下：

$("#psw").togglePassword({	el:"#toggle"});

选择输入密码的输入框，添加插件的togglePassword方法，然后el触发事件元素选择哪个id为toggle的a元素，完成，nice！默认ev:"click";当然也可以设置其它事件