方式:1、应用“$(按键原素).click(function(){$(原素).show();});”句子完成点击图标表明原素;2、运用“$("body *:not(原素)")”句子、click()和hide()方式完成点一下别的地方隐藏元素。
本实例教程作业环境:windows10系统软件、jquery3.2.1版本号、Dell G3计算机。
jquery如何完成添加页面点一下别的地方掩藏
在jquery中,可以借助click方式、:not选择符、hide()和show()方式来完成添加页面点一下别的地方掩藏实际效果。
下边我们可以通过实例看一下如何点击图标原素表明,点一下除开按键元素时原素掩藏。
实例如下所示:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body *:not(.intro)").click(function(){
$("div").hide();
});
$(".intro").click(function(){
$("div").show();
});
});
</script>
<style type="text/css">
div{
width:200px;
height:200px;
background-color:red;
}
</style>
</head>
<body>
<div></div>
<button class="intro">按键</button>
</body>
</html>
输出结果:
有关视频教学强烈推荐:jQuery视频教学
以上就是关于jquery如何完成添加页面点一下别的地方隐藏具体内容,大量欢迎关注AdminJS其他类似文章!