jquery如何完成点一下表明原素再度点一下掩藏原素-JAVA编程网

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