全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
效果图：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://www.xipwang.cn/js/zepto.min.js"></script>
</head>
<body>
<div class="ui-password">
<input type="password" name="" class="passwords">
<button class="seepassword" >查看密码</button>
</div>
<script type="text/javascript">
$(function(){
(function(){
$.fn.showpassWord = function () { //查看密码
function Seepasswrod(elemnts) {
this.elemnts = elemnts;
this.init();
};
Seepasswrod.prototype = {
init: function () {
var m = this
this.shouEvent(m);
},
shouEvent: function (m) {
m.elemnts.on("tap click", function () {
var type = m.elemnts.parent().find(".passwords").attr("type");
if (type == "password") {
m.elemnts.parent().find(".passwords").attr("type", "text");
} else if (type == "text") {
m.elemnts.parent().find(".passwords").attr("type", "password");
}
});
},
};
return this.each(function () {
new Seepasswrod($(this))
});
};
})(Zepto);
$(".seepassword").showpassWord();
});
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
# zepto
# 显示隐藏
# zepto点击显示隐藏
# 隐藏元素
# 密码显示隐藏
# zepto.js中tap事件阻止冒泡的实现方法
# zepto中使用swipe.js制作轮播图附swipeUp
# swipeDown不起效果问题
# zepto与jquery的区别及zepto的不同使用8条小结
# 基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
# 基于zepto的移动端轻量级日期插件--date_picker
# 基于zepto.js简单实现上传图片
# 移动端翻页插件dropload.js（支持Zepto和jQuery）
# jQuery插件zepto.js简单实现tab切换
# UTF
# title
# Document
# charset
# en
# head
# meta
# http
# www
# xipwang
# src
# script
# type
# javascript
# center
# pre
# class
# align
# strong
# style
相关文章：
智能起名网站制作软件有哪些,制作logo的软件？
网站制作报价单模板图片,小松挖机官方网站报价？
如何快速启动建站代理加盟业务？
如何在建站之星绑定自定义域名？
如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？
建站之星如何助力企业快速打造五合一网站？
香港服务器选型指南：免备案配置与高效建站方案解析
安徽网站建设与外贸建站服务专业定制方案
单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？
如何选择靠谱的建站公司加盟品牌？
C++时间戳转换成日期时间的步骤和示例代码
家具网站制作软件,家具厂怎么跑业务？
制作充值网站的软件,做人力招聘为什么要自己交端口钱？
php8.4新语法match怎么用_php8.4match表达式替代switch【方法】
文字头像制作网站推荐软件,醒图能自动配文字吗？
建站之星微信建站一键生成小程序+多端营销系统
C++中引用和指针有什么区别？（代码说明）
怎么将XML数据可视化 D3.js加载XML
建站之星如何开启自定义404页面避免用户流失？
如何基于云服务器快速搭建个人网站？
如何在Windows 2008云服务器安全搭建网站？
建站之星伪静态规则如何设置？
如何选择香港主机高效搭建外贸独立站？
美食网站链接制作教程视频,哪个教做美食的网站比较专业点？
合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？
如何快速上传自定义模板至建站之星？
如何通过VPS建站实现广告与增值服务盈利？
如何用5美元大硬盘VPS安全高效搭建个人网站？
香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧
网页设计网站制作软件,microsoft office哪个可以创建网页？
制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？
如何在局域网内绑定自建网站域名？
测试制作网站有哪些,测试性取向的权威测试或者网站？
广德云建站网站建设方案与建站流程优化指南
制作门户网站的参考文献在哪,小说网站怎么建立？
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？
javascript中的try catch异常捕获机制用法分析
广平建站公司哪家专业可靠？如何选择？
如何零成本快速生成个人自助网站？
在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？
佛山企业网站制作公司有哪些,沟通100网上服务官网？
制作企业网站建设方案,怎样建设一个公司网站？
网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？
c# 在高并发场景下，委托和接口调用的性能对比
个人网站制作流程图片大全,个人网站如何注销？
宝塔新建站点报错如何解决？
建站之星安装后界面空白如何解决？
如何在七牛云存储上搭建网站并设置自定义域名？
如何在阿里云完成域名注册与建站？
*请认真填写需求信息，我们会在24小时内与您取得联系。
