$ ('. selector'). accordion (), что это за тег $ ('. selector')

Question

Я пытаюсь создать аккордеон, используя пользовательский интерфейс jQuery. Я следую вместе с документацией на 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') - это способ сказать, что вы можете использовать div с классом css в качестве родительского элемента div для аккордеона

.selector = класс CSS (если вы работали с листами CSS,распознать синтаксис .

Другой пример:

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

..., который будет $('.my-accordion').accordion()

$('#accordion') будет div сid аккордеон, где # обозначает идентификатор