jquery如何完成添加页面点一下别的地方隐藏

lxf2023-03-18 12:38:02

方式:1、应用“$(按键原素).click(function(){$(原素).show();});”句子完成点击图标表明原素;2、运用“$("body *:not(原素)")”句子、click()和hide()方式完成点一下别的地方隐藏元素。

jquery如何完成添加页面点一下别的地方隐藏

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

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