三种切换两种状态(Javascript或jQuery)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了三种切换两种状态(Javascript或jQuery),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1130字,纯文字阅读大概需要2分钟。
内容图文
![三种切换两种状态(Javascript或jQuery)](/upload/InfoBanner/zyjiaocheng/697/b7ed8aabf7fa419dbe54b26c12c35795.jpg)
我正在编制一个页面,以各种货币(欧元,英镑或美元)显示价格.我的目标是首先以欧元显示价格,保持英镑和美元价格隐藏.
<button id="mybutton">Change Currency</button>
<p id="euro" class="shown">Euro</p>
<p id="pound" class="hidden">Pound</p>
<p id="dollar" class="hidden">Dollar</p>
单击按钮时,我需要三个ID循环显示/隐藏/隐藏,隐藏/显示/隐藏和隐藏/隐藏/显示三种状态.
到目前为止,我已经使它与两个ID工作(不难!).
$('#mybutton').click(function()
{
$('#euro').toggleClass('hidden','shown'),
$('#pound').toggleClass('hidden','shown');
});
我不知道如何将其扩展到第三个id.任何想法都感激不尽.
解决方法:
我只是想指出你可能对toggleClass如何工作感到困惑.第二个参数永远不是像类一样的字符串.相反,它是一个布尔值.我已经摆脱了“显示”类(默认显示的东西),并为第二个参数使用了一个布尔值:
i=0;
$('#mybutton').click(function(){
i++;
$('#euro').toggleClass('hidden', i%3!==0),
$('#pound').toggleClass('hidden',i%3!==1);
$('#dollar').toggleClass('hidden',i%3!==2);
});
所有这一切都是在循环匹配时删除隐藏的类(i%3 === 0)并添加它(隐藏这些元素)否则.
如果你确实想要在多个类之间切换,我相信第一个参数应该是一个空格分隔的类列表.
http://api.jquery.com/toggleClass/
内容总结
以上是互联网集市为您收集整理的三种切换两种状态(Javascript或jQuery)全部内容,希望文章能够帮你解决三种切换两种状态(Javascript或jQuery)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。