jquery如何完成添加页面原素再度点一下隐藏元素

lxf2023-03-16 12:04:01

方式:1、用click()方式给按键关联js点击事件并特定处理函数;2、在函数中用if语句、show()和hide()完成,词法“if(原素目标.is(':hidden')){原素目标.show();}else{原素目标.hide();}”。

jquery如何完成添加页面原素再度点一下隐藏元素

实例教程作业环境: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视频教学

以上就是关于jquery如何完成添加页面原素再度点一下隐藏元素的具体内容,大量欢迎关注AdminJS其他类似文章!