Question

我正在尝试使用jQuery UI构建手风琴。我将与https://api.jqueryui.com/accordion/上的文档一起关注。该示例需要一个简单的html文件：

 <div id="accordion">
   <div >First header</div> <!-- header -->
   <div> <!-- content panel -->
     <p>First content panel</p>
     <p>some text</p>
   </div>
   <div>Second header</div> <!-- header -->
   <div>
     <p>Second content panel</p> <!-- content panel -->
     <p>more text</p>
   </div>
 </div>

并激活手风琴：

$(function() {
  $( "#accordion" ).accordion();
});

但是，在基本的手风琴开始工作之后，随后的每个示例都使用此$('.selector')标记，而没有引用它的来源。例如，要使用'active'选项初始化手风琴，请执行以下操作：

$( ".selector" ).accordion({
  active: 2
});

或使用“ animate”选项初始化手风琴可以做到这一点：

$( ".selector" ).accordion({
  animate: 200
});

这个$('.selector')标签来自哪里？我已经搜索了html，但是没有看到.selector类，使用上述标记的示例在我的计算机上不起作用。提前致谢。

Answer 1

$('.selector')是文档中说您可以将具有CSS类的div用作手风琴父div的方式

.selector = CSS类（如果您使用过CSS工作表，您将认识到.语法

另一个例子是：

<div class="my-accordion">
  ... 
</div>

...应为$('.my-accordion').accordion()

$('#accordion')是具有id手风琴的div，其中#代表id

$（'。selector'）。accordion（），这是什么$（'。selector'）标记

1 个答案: