jQuery UI Utilisation

Une fois que vous avez téléchargé jQuery UI, vous obtiendrez une archive zip contenant les fichiers suivants :

  • /css/
  • /development-bundle/
  • /js/
  • index.html

Utilisation de jQuery UI sur une page Web

Ouvrez-le dans un éditeur de texteindex.html, vous verrez des références à certains fichiers externes : le thème, jQuery et jQuery UI. Normalement, vous devez référencer ces trois fichiers dans votre page afin d'utiliser les widgets de formulaire et les widgets d'interaction de jQuery UI :

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css.html" />
<script src="js/jquery.min.js.html"></script>
<script src="js/jquery-ui.custom.min.js.html"></script>

Une fois que vous avez référencé ces fichiers requis, vous pouvez ajouter des widgets jQuery à votre page. Par exemple, pour créer un widget datepicker, vous devez ajouter un champ de saisie de texte à la page, puis appeler.datepicker(), comme indiqué ci-dessous :

HTML :

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

JavaScript :

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

实例截图

Pour voir des démos en direct des widgets jQuery UI et des widgets d'interaction, veuillez visiterjQuery UI Examples。

Autres extensions