javascript - 关于 javascript/jquery 的问题

Question

抱歉，这个问题很模糊，但我实际上在这里是因为我无法用语言表达我真正的问题，所以我无法用谷歌搜索它。这是我正在使用的代码部分，我将在下面提出我的问题:

<script>
    $(function() {
        $( "#accordion0" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
        $( "#accordion1" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
        $( "#accordion2" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
        $( "#accordion3" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
    });
</script>

1. $( "#accordion0") 叫什么？我知道“#accordion0”指的是元素的 id。
2. 我将“.accordion”称为类正确吗？

然后谈谈我实际上想做的事情:如何合并代码，这样我就不会出现 4 倍重复的代码。

还有一个不太相关的问题，是否有一个网站列出了这些 jquery ui 小部件的所有选项(例如:“active: false)。我环顾四周找到了许多单独的示例，但没有完整的列表。

Answer 1

What is the $( "#accordion0" ) called? I know that "#accordion0" refers to the id of the element.

这是一个基于选择器选择 DOM 元素的 jQuery 方法。 DOM 元素包装在 jQuery 对象中，因此您可以使用链接。 Learn about jQuery了解如何使用它。 stackoverflow 上没有人能为你解释这一点。

Then on to what I'm actually trying to do: How do I combine the code so I don't have a 4x duplicate of code.

使用所有元素共享的公共(public)类。如果元素上的公共(public)类是 class="accordion"，您的代码将使用如下所示的类选择器。

 $( ".accordion" ).accordion({
        active: false,
        collapsible: true,
        heightStyle: "content"
    });

And a second less related question, is there a site that lists all the options for these jquery ui widgets (eg: "active: false). I looked around to find many individual examples, but not a full list.

jQuery UI 文档将是您可以查看的地方。 http://api.jqueryui.com/accordion/