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>

叫什么$（“＃accordion0”）？我知道“＃accordion0”指的是元素的id。
我是否正确地将“.accordion”称为班级？

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

第二个不太相关的问题，是否有一个网站列出了这些jquery ui小部件的所有选项（例如：“active：false）。我环顾四周找到了很多单独的例子，但没有完整的列表。” p>

Answer 1

$（“＃accordion0”）叫什么？我知道“＃accordion0” 指的是元素的id。

这是一个基于选择器选择DOM元素的jQuery方法。 DOM元素包装在jQuery对象中，因此您可以使用链接。 Learn about 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/

Answer 2

这被称为选择器。您正在从您选择的元素创建一个jQuery对象。

$('#ID')

这样可行：

$("#accordion0, #accordion1, #accordion2, #accordion3").accordion({...});

您还可以为每个相关元素添加一个类，然后分别选择类而不是每个ID。

$('.accordionClass').accordion({...});

使用jQuery选择器有很多可用的资源。

例如：W3Schools - jQuery Selectors

Answer 3

#accordionN是您与之互动的元素... #可让您知道accordionN是元素的ID。

.accordion是您应用于所述元素的jQuery方法。

要将方法应用于所有四个而不更改代码，只需将每个元素ID添加到选择器：

$('#accordion0, #accordion1, #accordion2, #accordion3').accordion({
    ...
});

Answer 4

你可以使用#accordionX所有的公共类：

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

它应该可以解决问题，而不是看到你的html结构我不能更精确。

1）$（“＃accordion0”）叫什么？我知道“＃accordion0”指的是元素的id。你什么意思？ $（“＃accordion0”）是选择器 2）我是否正确地将“.accordion”称为班级？ .accordion不是一个类，而是一个函数调用。

Answer 5

首先，美元符号正在创建一个变量，所以如果你调用$（“＃accordion0”），你将使用id accordion0元素创建一个变量JQuery。这告诉JQuery你已经准备好用元素做事了。

第二

你可以做两件事之一。你可以给他们所有的类变量，让我们说“someVar”并执行此操作：

$(".someVar").command("foo");

或者你可以

$("#accordion1, #accordion2",.....).command("bar");

这是一个例子。

http://jsfiddle.net/ynmEZ/

也

http://api.jquery.com/ - 应该是有用的

Answer 6

1）“＃accordion0”被称为jquery选择器。您可以使用选择器来选择某些DOM元素。

2）“。accordion”：这是班级手风琴的选择器。

您可以使用这样的选择器： $（“[id ^ = accordion]”）。accordion（{...}）;

检查this site，或者谷歌搜索jquery选择器。

关于javascript / jquery的问题

6 个答案: