jquery-ui – jQuery可排序选择器(“id”与“class”)？

我有几个可排序的列表,我可以将元素拖到每个列表中.

设置看起来像这样：

<ul id="sortable1" class="connectedSortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<ul id="sortable2" class="connectedSortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

JavaScript很简单,看起来像这样

(以下来自jQuery网站的例子)

<script>
$(function() {
    $( "#sortable1,#sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSELEction();
});
</script>

到现在为止还挺好…

题：

对于jQuery选择器,我可以使用ul类,而不是两个列表ID吗？

就像是：

<script>
$(function() {
    $( ".connectedSortable" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSELEction();
});
</script>

这是正确的吗？

我试过这个并且它有效……

…但我想知道为什么jQuery网站给出了两个列表id作为选择器而不仅仅是类名的例子？如果我使用类作为选择器,我会遇到兼容性问题吗？

使用类名作为选择器的优点是我不必提前知道列表ID,理论上可以动态创建新列表？

什么是最佳实践和一种“错误证明”？

非常感谢！