使用jQuery隔离网页上的元素

我为自己创建了一个Firefox插件，可以在上查看按钮。我只想让按钮成为显示的唯一元素。我只想让button表单成为显示的唯一表单。这是使用jQuery隔离按钮的唯一方法。我觉得这样做是错误的，我很好奇是否有正确的方法

$('#header').remove();
$('.side').remove();
$('.footer-parent').remove();
$('#siteTable').remove();
$('#progressIndicator').remove();
$('.debuginfo').remove();
$('section').remove();
$('.content').css({"margin" : "auto"});

---

你可以这样做

$('body').prepend($('.thebutton-form'));
$('body').children(':not(.thebutton-form)').hide();

您还可以使用

.remove（）

顺便说一句，不完全确定它是否是跨浏览器的

第一行将窗体移动为身体的直接子对象。第二行隐藏/删除主体中非表单的所有其他元素

不知道为什么我使用insertAfter而不是prepend/append，但我已经修复了它。
您可以这样做

$('.thebutton-form').prependTo('body');
$('body').children().not('.thebutton-form').hide(); // or remove()

这会将按钮附加到文档的开头，并隐藏或删除其余内容

此解决方案不依赖于
#标题的存在。
如果是为您自己，那么只要它起作用，就可以继续。你也可以对元素执行
.hide（）
，应该会产生相同的结果。我只是想如果他们在页面中添加一个额外的部分，我就必须返回并添加一个新的隐藏行，这样做似乎是错误的。实际上，你在$（'.thebutton表单'）.insertBefore（'#header'）之前发布的内容$（'body'）.children（':not（.thebutton表单）'）.hide（）；工作，但当我尝试这一个所有它做的是有字“.thebuttonform”在面板中。是的，我忘了做
。前置（$（'.thebutton表单'）。我纠正了我的解决办法