Question

我有一点jquery如下......

$(document).ready(function(){
    // HTML markup implementation, overlap mode, push 3 DOM elements
    $( '#menu' ).multilevelpushmenu({
        containersToPush: [$( '#pushobj' ), $( '#pushthisobjalso' ), $( '#pushthisobjtoo' )]
    });
});

这很棒但是我没有推div，而是想推送我页面的整个身体标签。做明显的＆＃34;＃body＆＃34;似乎不起作用，这里有几个我无能的例子......

$(document).ready(function(){
    // HTML markup implementation, overlap mode
    $( '#menu' ).multilevelpushmenu({
        containersToPush: [$( '#body' )],

没有工作......还尝试了这个类，它是如何在html <body class="metro">上构建的

所以我尝试了这个，但它没有工作.....

$(document).ready(function(){
    // HTML markup implementation, overlap mode
    $( '#menu' ).multilevelpushmenu({
        containersToPush: [$( '#body.metro' )],

希望这很简洁，我真的很感激你的指示。

Answer 1

你想要做的事听起来像一个荒谬的坏主意。

然而，选择body标签的jQuery命令是$("body")。您正在使用的哈希告诉jQuery查找具有＆＃34; body＆＃34;的id的元素。因此，如果你的html如下所示，你的$（＆＃34;＃body＆＃34;）会因为id而起作用：

<html>
  <body id="body">
  </body>
</html>

在$("#body")下面的html中选择<div>（而不是<body>！）：

<body>
  <div id="body">
    <span class="foo">
      <a class="bar"></a>
    </span>
  </div>
</body>

此外：

$(".foo")选择<span>
$("a")选择<a>
$("a.bar")也会选择<a>

查看https://api.jquery.com/category/selectors/

Answer 2

$(document).ready(function(){
    // HTML markup implementation, overlap mode
    $( '#menu' ).multilevelpushmenu({
        containersToPush: [$( '#body .metro' )],

维持id和class之间的空间

Answer 3

要引用元素，您可以通过其ID（以＃（哈希标记）

开头）来执行此操作

$("#myID")

一个班级（以句号开头）

$(".myClasss")

或实际的HTML元素本身就是元素。

$("body")

jquery push container div vs class

3 个答案: