把input类型为password来回切换成可见或隐藏的

项目笔记************原理也就是在隐藏的时候input的类型是password，显示的时候是text

html代码:

<div class="div-input">
    <input type="password" id="password1" placeholder="由8-16位的字母、数字组合">
    <i class="pass-on1"></i>
</div>
js代码：

//    这里是设置密码显示和隐藏
    var isShow=true;
    $(".div-input i").click(function(){
        $(".div-input i").toggleClass('pass-on1').toggleClass('pass-on');
        var v=$("#password1");
        var v1=$("#password2");
        if (isShow) {
            v.attr('type', 'text');
            v1.attr('type', 'text');
            isShow=false;
        }else{
            v.attr('type', 'password');
            v1.attr('type', 'password');
            isShow=true;
        }

    });

这里是隐藏的时候

这是显示的时候