Jquery selectors jQuery类选择器——它的默认作用域是什么?

Jquery selectors jQuery类选择器——它的默认作用域是什么?,jquery-selectors,Jquery Selectors,我有一个关于jQuery中的类选择器的问题。我正在看一个使用jQuery插件slidedeck的页面,页面作者有两个显示两个不同的slidedeck设置。按照这些思路: <div id="slidedeck_frame" class="skin-slidedeck"><dl class="slidedeck"> <!-...HTML in here--> </div> <script type="text/javascript">

我有一个关于jQuery中的类选择器的问题。我正在看一个使用jQuery插件slidedeck的页面,页面作者有两个
显示两个不同的slidedeck设置。按照这些思路:

<div id="slidedeck_frame" class="skin-slidedeck"><dl class="slidedeck">
  <!-...HTML in here-->
</div>

<script type="text/javascript">
        $('.slidedeck').slidedeck({
                autoPlay: true,
                cycle: true, 
                autoPlayInterval: 2500, // 2.5 seconds
                hideSpines: true
            });
</script>

<div id="slidedeck_frame" class="skin-slidedeck"><dl class="slidedeck">
  <!-...HTML in here-->
</div>

<script type="text/javascript">
            $('.slidedeck').slidedeck();
</script>

$('.slidedeck')。slidedeck({
自动播放:对,
周期:对,
自动播放间隔:2500,//2.5秒
希德斯宾斯:是的
});
$('.slidedeck').slidedeck();
因此,您有两个
为其子级共享相同的ID和CSS类,但具有不同的slidedeck设置


我原以为jQuery类选择器会将最后一个slidedeck设置应用于这两个
s,但实际上它们都直接使用它们下面的slidedeck设置。我一定不理解jQuery选择器的作用域(很可能),或者这里可能还有其他原因吗?

重复ID在HTML中无效。行为未定义

编辑

在这种情况下,由于您没有使用ID作为选择器,jquery选择器应该返回选择器中带有类的两个标记

我一定不理解jQuery选择器的作用域(很可能)


你误解了IDs的概念。ID属性在DOM中的元素之间是唯一的。我希望这能澄清问题:)

在HTML中不能有具有相同ID的元素。ID必须是唯一的;如果有重复的,所有的赌注都被取消。马特-谢谢你的回复。我意识到重复的HTML ID是不允许的,但我想知道,既然如此,为什么jQuery会这样运行。听起来事情按原来的方式运行几乎是愚蠢的运气?明白了,但是为什么jQueryCSS选择器会按上面的方式工作呢?