YouTip LogoYouTip

jQuery UI Tutorial - Getting Started

jQuery UI

jQuery UI provides interactive widgets and effects.

$("#datepicker").datepicker();
$("#dialog").dialog();
$("#slider").slider({ min: 0, max: 100, value: 50 });
$("#accordion").accordion();

Draggable and Droppable

$("#drag").draggable();
$("#drop").droppable({
    drop: function(event, ui) {
        $(this).addClass("dropped");
    }
});

Summary

  • jQuery UI adds widgets: datepicker, dialog, slider, tabs
  • Provides drag-and-drop functionality
← Jupyter Notebook TutorialIonic Tutorial - Getting Start β†’