泽普托实现密码的隐藏/显示

效果图：

代码如下：

！DOCTYPE html html lang=' en ' hearta charset=' UTF-8 ' title document/title script type=' text/JavaScript ' src=' http :http://www .王。cn/js/zepto。量滴js '/script/headdydiv class=' ui-password '输入类型=' password ' name=' class=' password '按钮类='seepassword '查看密码/button/div脚本类型=' text/JavaScript ' $(function(){(function(){ $)。fn。显示密码=函数(){//查看密码函数Seepasswrod(elemnts){这个。elemnts=elemnts这个。init()；};seepasswrod。prototype={ init : function(){ var m=this。寿事件(m)；}，shou event :函数(m){ m . elemnts。在('上点击点击，function(){ var type=m . elemnts。parent().查找('。密码')。attr(' type ')；if(type==' password '){ m . elemnts。parent().查找('。密码')。attr('type '，' text ')；} else if(type==' text '){ m . elemnts。parent().查找('。密码')。attr('type '，' password ')；} });}, };返回这个。每个(函数(){ new Seepasswrod($(this))})；};})(泽普托);$('.渗透词').显示密码()；});/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！