Question

我在jQuery

中有这么简单的代码

$(document).ready(function() {
    $('#switcher').click(function(event) {
           if ($(event.target).is('.button')) {
            $('body').removeClass();
                if (event.target.id == 'switcher-narrow') {
               $('body').addClass('narrow');
            }
            $('#switcher .button').removeClass('selected');
            $(event.target).addClass('selected');
        }
    });
});

这个HTML代码：

<body>
    <div id="switcher" >
        <h3>Style Switcher</h3>
        <div class="button selected" id="switcher-default">
        Default
        </div>
        <div class="button" id="switcher-narrow">
        Narrow Column
    </div>
</body>

我有一个非常简单但棘手的问题（至少对我而言）：body指的是什么？

我想它会封装#switcher下的所有内容，但是点击时我的h3样式会消失。

Answer 1

它指的是元素<body>。

Answer 2

$('body')是指<body> ...

您可以在jQuery中通过tagName进行选择。 Ao $('div')指的是所有div $('body')指的是所有的身体（只有一个存在......）

Answer 3

$（'body'）是body元素。

它正在尝试删除body标签上存在的任何类。

这个代码中“body”指的是什么？

3 个答案: