Learning jQuery 3 - Fifth Edition

Widgets

In addition to these building-block interaction components, jQuery UI includes a handful of robust user interface widgets that appear and function out-of-the-box like the full-fledged elements we are accustomed to seeing in desktop applications. Some of these are quite simple. The Button widget, for example, enhances buttons and links on the page with attractive styling and rollover states.

Granting this appearance and behavior to all button elements on the page is extremely simple:

$(() => {  $('button').button(); });

Listing 7.14

When the stylesheet for the jQuery UI Smoothness theme is referenced, the buttons take on a glossy, beveled appearance:

As with other UI widgets and interactions, Button accepts several options. We may ...