通过jquery全屏显示特定元素？

我想全屏显示特定的元素只有当点击按钮！我的代码如下，但它只显示页脚元素和隐藏所有子元素。我想显示的是页脚元素及其所有子元素

$（“footer.full”）。在（“单击”，函数（）{
$（“body”）.find（“：not（footer）”）.hide（）；
$（“页脚”）.css（{宽度：“100%”，高度：“100vh”，位置：“绝对”，背景：“ccc”）.show（）；
$（“页脚h1”）.text（“全屏”）；
});


h1
h1
h1

这是小屏幕
满满的
使用
：not（footer）*
排除
页脚中的所有子元素


$（“footer.full”）。在（“单击”，函数（）{
$（“body”）.find（“：not（footer）*”）.hide（）；
$（“页脚”）.css（{宽度：“100%”，高度：“100vh”，位置：“绝对”，背景：“ccc”）.show（）；
$（“页脚h1”）.text（“全屏”）；
});


h1
h1
h1

这是小屏幕
满满的
使用
：not（footer）*
排除
页脚中的所有子元素


$（“footer.full”）。在（“单击”，函数（）{
$（“body”）.find（“：not（footer）*”）.hide（）；
$（“页脚”）.css（{宽度：“100%”，高度：“100vh”，位置：“绝对”，背景：“ccc”）.show（）；
$（“页脚h1”）.text（“全屏”）；
});


h1
h1
h1

这是小屏幕
满满的
此行：

$("body").find(":not(footer)").hide();

同时隐藏页脚中的所有内容

所以你可以重新显示页脚中的所有内容

$("footer *").show();

或者，仅隐藏不包括页脚的顶级项目

$("body>*:not(:footer)").hide();

（注意，
正文和
*
之间没有空格，只能说是顶层-在您的情况下，只有
标题
）


$（“footer.full”）。在（“单击”，函数（）{
$（“body”）.find（“：not（footer）”）.hide（）；
$（“页脚*”）.show（）
$（“页脚”）.css({
宽度：“100%”，
高度：“100vh”，
位置：“绝对”，
背景：“ccc”
}).show（）；
$（“页脚h1”）.text（“全屏”）；
});


h1
h1
h1

这是小屏幕
满满的
此行：

$("body").find(":not(footer)").hide();

同时隐藏页脚中的所有内容

所以你可以重新显示页脚中的所有内容

$("footer *").show();

或者，仅隐藏不包括页脚的顶级项目

$("body>*:not(:footer)").hide();

（注意，
正文和
*
之间没有空格，只能说是顶层-在您的情况下，只有
标题
）


$（“footer.full”）。在（“单击”，函数（）{
$（“body”）.find（“：not（footer）”）.hide（）；
$（“页脚*”）.show（）
$（“页脚”）.css({
宽度：“100%”，
高度：“100vh”，
位置：“绝对”，
背景：“ccc”
}).show（）；
$（“页脚h1”）.text（“全屏”）；
});


h1
h1
h1

这是小屏幕
满满的