Метод jQuery UI Spinner option()

Пользовательский интерфейс jQuery состоит из виджетов графического интерфейса, визуальных эффектов и тем, реализованных с использованием jQuery, CSS и HTML. jQuery UI отлично подходит для создания интерфейсов пользовательского интерфейса для веб-страниц. Виджет jQuery UI spinner помогает нам увеличивать и уменьшать значения элемента ввода с помощью стрелок вверх и вниз. В этой статье мы увидим, как использовать метод option() в слайдере пользовательского интерфейса jQuery. Метод option() используется для получения объекта для конкретной текущей опции ползунка в счетчике пользовательского интерфейса jQuery.

Синтаксис:

var a = $(".selector").spinner("option");

var a =  $(".selector").spinner("optionName","value");

 var a  =  $(".selector").spinner("options");

Подход:

• Сначала добавьте сценарии пользовательского интерфейса jQuery, необходимые для вашего проекта.

<link href = “https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel=”stylesheet”>

<script src = “https://code.jquery.com/jquery-1.10.2.js”></script>

<script src = “https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>

Пример 1: Следующий код демонстрирует метод .spinner(option) .

Выход:

Вывод консоли:

Пример 2. Следующий код демонстрирует метод .spinner(optionName,value) .

Выход:

• Когда параметр disabled равен false , он дает следующий вывод.

• Когда параметр disabled имеет значение true, он дает следующий вывод.

Пример 3. Следующий код демонстрирует метод .spinner(options) . В следующем коде есть 2 параметра, например { disabled: false, step: 2 }.

Выход:

Ссылка: https://api.jqueryui.com/category/widgets/