Un guide simple pour développer des interfaces Web à l'aide de la bibliothèque jQuery UI_jquery

1. Interface utilisateur jQuery
jQuery UI est une bibliothèque de codes d'interface utilisateur Web JavaScript open source basée sur jQuery. Forfait
Contrôles visuels avec interaction utilisateur de bas niveau, animations, effets spéciaux et contrôles thématiques. Nous pouvons l'utiliser directement pour construire un très
Application Web très interactive.
Le site officiel de jQuery UI est : http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
. La structure des répertoires à l'intérieur est la suivante :
1.css, y compris les fichiers CSS liés à l'interface utilisateur jQuery
; 2.js, y compris les fichiers JavaScript liés à l'interface utilisateur jQuery
; 3. Bundle de développement, comprenant plusieurs sous-répertoires différents : démos (exemples de fichiers jQuery UI), docs (jQuery
Fichier de document UI), thèmes (fichier de thème CSS) et ui (fichier JavaScript jQuery ui).
4.Index.html, vous pouvez afficher la page d'index de la fonction jQuery UI.

2. Thèmes CSS
Le thème CSS est l'habillage de jQuery UI, et des modèles de différentes couleurs sont disponibles. Pour les programmeurs, vous pouvez utiliser
Le modèle le plus approprié pour le site Web ; pour les artistes, des modèles sans aucun style sont également fournis en fonction du design.
Vous pouvez afficher les styles de modèles existants ici : http://jqueryui.com/themeroller/.

3.Présentation simple
Étant donné que l'introduction de différents composants de jQuery UI a des fonctionnalités et une syntaxe similaires, seuls deux composants sont présentés ici
La méthode d’introduction peut être utilisée pour introduire d’autres composants de la même manière.
bouton bouton

//将button 按钮设置成UI 
$('#button').button(); 

boîte de dialogue de dialogue

//将div 设置成dialog 对话框 
$('#dialog ').click(function () { 
 
  $("#dialog ").dialog(); 
 
}); 

Sous cette forme, nous pouvons savoir que jQuery UI est introduit sous la forme de la méthode nom du composant().