WWW.lllT.neT
方式:1、用click()方式给按键关联点击事件并特定处理函数;2、在涵数选用if语句、show()和hide()完成,英语的语法“if(原素目标.is(':hidden')){原素目标.show();}else{原素目标.hide();}”。
本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。
jquery如何完成点一下表明原素再度点一下掩藏原素
在jquery中,可以根据show()方式和hide()方式来完成点一下按键表明再度点一下掩藏,hide()方式假如被选的原素已被表明,则掩藏该原素。英语的语法为:
$(selector).hide(speed,callback)
show()方式假如被选原素已被掩藏,则表明这种原素,英语的语法为:
$(selector).show(speed,callback)
下边大家根据实例看来一下如何完成县市级表明再度点一下掩藏,实例如下所示:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <style type="text/css"> div{width:100px; height:100px; background: red; } </style> <div id="test"></div> <button id="anniu">表明与掩藏</button> <script> $(function(){ $('#anniu').click(function(){//点一下按键 if($('#test').is(':hidden')){//假如当今掩藏 $('#test').show();//点一下表明 }else{//不然 $('#test').hide();//点一下掩藏 } }) }) </script> </body> </html>
导出結果:
有关教程视频建议:jQuery教程视频
以上便是jquery如何完成点一下表明原素再度点一下掩藏原素的详尽具体内容,大量请关心自学java网其他相关文章!
WWW.lllT.neT声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!
原文地址:jquery如何完成点一下表明原素再度点一下掩藏原素发布于2021-12-11 09:27:01