jQuery UI Library Aggiunta dello script dell'interfaccia utente jQuery e utilizzo di base


Esempio

Per iniziare con la libreria dell'interfaccia utente jQuery, devi aggiungere lo script jQuery, lo script dell'interfaccia utente jQuery e il foglio di stile dell'interfaccia utente jQuery nel codice HTML.

Innanzitutto, scarica l' interfaccia utente di jQuery; scegli le funzionalità necessarie nella pagina di download. Decomprimi il download e metti jquery-ui.css e jquery-ui.js (e jquery.js ) in una cartella in cui puoi usarli dal tuo HTML (ad es. Con gli altri tuoi script e fogli di stile).

L'interfaccia utente di jQuery dipende da jQuery, quindi ricorda di includere jquery.js prima di jquery-ui.js .

<link rel="stylesheet" href="stylesheets/jquery-ui.css">
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui.js"></script>

Questo è tutto! Ora puoi utilizzare l'interfaccia utente di jQuery. Ad esempio, usa il datepicker con il seguente codice HTML:

<input type="text" name="date" id="date">

Quindi utilizzare il seguente codice JavaScript:

$("#date").datepicker();

Che ti farà avere un bel popup di Datepicker:

immagine dello schermo

Per ulteriori informazioni, consulta la pagina ufficiale "Come iniziare" .