首先引用JS核心文件

jQuery 所有常用版本在线引用

input代码

<input type="password" placeholder="请输入密码" id="password">
<div class="see-password">
    <i class="see-password-icon">看得见</i>
    <i class="no-see-password-icon">看不见</i>
</div>

下方JS代码

<script type="text/javascript">
$('.see-password').click(function() {
    $('.no-see-password-icon').toggle();
    if ($('#password').attr('type') == 'password') {
        $('#password').attr('type', 'text');
    } else {
        $('#password').attr('type', 'password');
    }
})
</script>

i元素中可以引用iconfont眼睛图标