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>

导出結果:

1122.03.gif

有关教程视频建议:jQuery教程视频

以上便是jquery如何完成点一下表明原素再度点一下掩藏原素的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery如何完成点一下表明原素再度点一下掩藏原素发布于2021-12-11 09:27:01