Maison >interface Web >Questions et réponses frontales >Quelle est la relation entre bootstrap et jquery

Quelle est la relation entre bootstrap et jquery

WBOY
WBOYoriginal
2022-08-01 18:02:253445parcourir

La relation entre bootstrap et jquery est la suivante : bootstrap est un framework front-end basé sur jquery combiné avec d'autres technologies. Bootstrap est utilisé pour développer rapidement des applications Web et des sites Web. Jquery est une bibliothèque javascript compatible avec plusieurs navigateurs. Bootstrap est basé sur HTML, CSS et JAVASCRIPT.

Quelle est la relation entre bootstrap et jquery

L'environnement d'exploitation de ce tutoriel : système Windows 10, bootstrap version 5, ordinateur DELL G3

Quelle est la relation entre bootstrap et jquery

Bootstrap est basé sur HTML, CSS, JAVASCRIPT et jQuery ? une bibliothèque javascript compatible avec plusieurs navigateurs. Cela peut être compris ainsi :

bootstrap est un framework front-end basé sur jQuery combiné avec d'autres technologies.

Une brève introduction à Bootstrap

Bootstrap est développé sur la base de HTML5 et CSS3. Il a été plus personnalisé et amélioré sur la base de jQuery pour former son propre style de site Web unique et est compatible avec la plupart des plug-ins jQuery. .

 Structure de base : Bootstrap fournit une structure de base avec un système de grille, des styles de liens et un arrière-plan. Ceci sera expliqué en détail dans la section Structure de base de Bootstrap.

  CSS : Bootstrap est livré avec les fonctionnalités suivantes : paramètres CSS globaux, définition des styles d'éléments HTML de base, classes extensibles et système de grille avancé. Ceci sera expliqué en détail dans la section Bootstrap CSS.

 Composants : Bootstrap contient plus d'une douzaine de composants réutilisables pour la création d'images, de menus déroulants, de navigation, de boîtes d'alerte, de boîtes contextuelles, etc. Ceci sera expliqué en détail dans la section Composants de mise en page.

 Plug-ins JavaScript : Bootstrap comprend plus d'une douzaine de plug-ins jQuery personnalisés. Vous pouvez inclure tous les plug-ins directement ou les inclure individuellement. Ceci sera expliqué en détail dans la section du plugin Bootstrap.

 Personnalisation : vous pouvez personnaliser les composants Bootstrap, les variables LESS et les plugins jQuery pour obtenir votre propre version.

 Bootstrap est livré avec 13 plug-ins jQuery, qui donnent « vie » aux composants de Bootstrap. Ceux-ci incluent : les boîtes de dialogue modales, les onglets, les barres de défilement, les boîtes contextuelles, etc.

Pour faire simple, BootStrap est un projet open source (basé sur Jquery) permettant de créer rapidement la page front-end d'un site Web. Il vous suffit de comprendre la signification des classes pertinentes, des noms de balises, etc., puis lors de la construction de la page, d'importer le JS, le CSS, etc. de bootstrap, et il affichera les effets correspondants, tels que la description HTML : abréviation quand ; le Bootstrap de la souris implémente un style amélioré pour les éléments HTML en affichant le contenu complet lors du survol des abréviations et des abréviations. L'élément abréviation possède l'attribut TItle et apparaît sous la forme d'un léger cadre en pointillés lorsque la souris est déplacée dessus, il se transforme en un pointeur avec un "point d'interrogation". Lorsque vous avez besoin qu'un certain mot ou une certaine phrase dans le texte du paragraphe ait l'effet ci-dessus, vous pouvez simplement l'écrire dans ce format. Le class="iniTIalism" supplémentaire réduit la taille de la police, ou ce n'est pas nécessaire. D'un autre côté : si vous n'essayez pas le bootstrap ou d'autres frameworks similaires, vous devez alors écrire de tels effets vous-même, ce qui prend beaucoup de temps à développer. Un autre exemple est easyui de Jquery, qui est similaire.

Une brève introduction à jQuery

jQuery est un framework JavaScript rapide et concis C'est une autre excellente bibliothèque de code JavaScript (ou framework JavaScript) après Prototype. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

 Les principales fonctionnalités de jQuery peuvent être résumées comme suit : Il possède une syntaxe de chaîne unique et une interface multifonctionnelle courte et claire ; Il dispose d'un sélecteur CSS efficace et flexible et peut étendre le sélecteur CSS ; -in mécanisme d'extension et plugin riche. jQuery est compatible avec divers navigateurs grand public, tels que IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+, etc.

La différence entre bootstrap et jquery

  • Bootstrap et jQuery sont principalement basés sur des scènes de site Web, c'est-à-dire que la couche d'affichage des pages du site Web peut fournir de nombreux effets magnifiques

  • Bootstrap est un frontal framework comprenant CSS et certains plug-ins jquery, dépend de jquery, il doit donc être utilisé ensemble

  • bootstrap est une extension écrite en s'appuyant sur jquery Si vous souhaitez utiliser bootstrap, vous devez d'abord introduire juqery. n'introduisez pas jquery, vous ne pouvez pas utiliser les fonctions de bootstrap

  • bootstrap Il définit la disposition, l'espacement, etc., et fournit également moins pour la gestion, qui peut être considérée comme une spécification et un cadre CSS.

  • Utilisez les styles qu'il propose pour les combiner à volonté, ce qui peut essentiellement répondre aux besoins de style de certaines pages.

  • Si vous utilisez Jquery, si vous souhaitez créer un site Web, utilisez jQuery-ui pour le PC et jQuery mobile pour le téléphone mobile [Vous devez créer deux ensembles de sites Web]

  • Si vous utilisez bootstrap , [un seul ensemble suffit 】.

Étant donné que bootstrap est une mise en page réactive, l'effet de l'affichage de la page sera différent en fonction de votre appareil de navigation. Bien sûr, si vous devez prendre en charge IE 6 --- IE7, il est préférable d'utiliser une version inférieure de jQuery.

Les frameworks front-end les plus populaires incluent désormais bootstrap + angulaireJS

jQuery est un ensemble d'outils pour JavaScript Pour parler franchement, jQuery est JavaScript.

Bootstrap est un framework de développement qui intègre de nombreux formats de pages Web et mises en page Web prêts à l'emploi, et encapsule de nombreux styles CSS et codes JS. Il peut être utilisé directement et il vous suffit de le remplacer par votre propre contenu.

jquery est une bibliothèque de scripts js, qui exploite principalement les éléments HTML et les données frontales en simplifiant js.

bootstrap est un cadre d'affichage de données de conception de page frontale, principalement sa partie interface utilisateur, et l'effet d'affichage est très bon.

bootstrap = bibliothèque de styles + un tas de plug-ins jQuery

À propos, si vous n'avez besoin que de styles d'amorçage, vous n'avez pas du tout besoin d'importer des fichiers jQuery et bootstrap js

Recommandations associées : Tutoriel bootstrap

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn