javascript - 为什么选择器末尾和结束引号之间需要有一个空格？

Question

代码中的注释显示了选择器后面的空格位置。如果我删除结束引号之前的空格，代码就会中断，我不明白为什么。有人可以解释一下吗？谢谢。

<script type="text/javascript">

    $("document").ready(function() {    
        buildBookmarks('h3', 'header'); 
    }); 

    function buildBookmarks(strWhichTag, sBookMarkNode) {

        var cAnchorCount = 0;
        var oList = $("<ul id='bookmarksList'>"); 

下面是结束后的空格)

        $("div:not([id=header]) " + strWhichTag).each(function() {
            $(this).html("<a name='bookmark" + cAnchorCount + "'></a>" + $(this).html());
            oList.append($("<li><a href='#bookmark" + cAnchorCount++  + "'>" + $(this).text() + "</a></li>"));
        });

        $("#" + sBookMarkNode).append(oList);
    }
</script>

Answer 1

显然 strWhichTag 包含另一个选择器，当这两个选择器字符串连接时，它旨在表示 div:not(...) 的子级。

例如，考虑 div.foo(类名为“foo”的 div)和 div .foo(类名为“foo”的元素)之间的区别，它是 div 的子级)