关于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

什么是$("#accordion0")？我知道"#accordion0"指的是元素的id.

它是一个jQuery方法,它根据选择器选择DOM元素.DOM元素包装在jQuery对象中,因此您可以使用链接.了解jQuery以了解如何使用它.没有人可以在这里为您解释stackoverflow.

接下来我正在尝试做什么:如何组合代码,所以我没有代码的4倍重复.

使用所有元素共享的公共类.如果元素上的公共类是class="accordion",您的代码将使用类似下面的类选择器.

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

第二个不太相关的问题是,有一个站点列出了这些jquery ui小部件的所有选项(例如:"active:false).我环顾四周找到了很多单独的例子,但没有列出完整的列表.

并且jQuery UI Docs将是一个值得关注的地方. http://api.jqueryui.com/accordion/