Maison > interface Web > js tutoriel > Quelle est la différence entre jquery et bootstrap ?

Quelle est la différence entre jquery et bootstrap ?

青灯夜游
Libérer: 2020-11-17 15:32:07
original
3066 Les gens l'ont consulté

Différence : Bootstrap est un framework front-end open source pour le développement d'applications, principalement écrit en HTML, CSS, Less, Saas et JavaScript ; Jquery est une bibliothèque javascript open source pour les scripts côté client, principalement écrits en ; JavaScript.

Quelle est la différence entre jquery et bootstrap ?

Une brève introduction à Bootstrap

Bootstrap est développé sur la base de HTML5 et CSS3, et est basé sur jQuery. Il est plus personnalisé et parfait pour créer un 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 de 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. Il s'agit d'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 fonctionnalités principales 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 ; dispose d'un mécanisme d'extensions de plug-ins pratique et de plug-ins riches. 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 est un framework frontal open source pour le développement d'applications Jquery est une bibliothèque javascript open source pour les scripts clients

Bootstrap est principalement écrit en HTML, CSS, Less, Saas et JavaScript ; Jquery est principalement écrit en JavaScript ;

Bootstrap peut utiliser des frameworks CSS pour rendre le site plus personnalisable, avec une variété de modèles de thèmes pouvant être utilisés pour différents sites Web. Dans Jquery, il n'est pas possible de développer le site avec de nombreuses personnalisations, il n'existe pas de modèles de thème pour différents développements de sites Web.

Bootstrap est un framework front-end qui contient du CSS et quelques plug-ins jquery. Il 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. Si vous n'introduisez pas jquery, vous ne pouvez pas utiliser les fonctions de bootstrap

Bootstrap 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 sur le PC et jQuery mobile sur le téléphone mobile [vous devez créer deux ensembles de sites Web]

Si vous utilisez bootstrap, [un seul ensemble est nécessaire, c'est suffisant].

É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.

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal