ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryとブートストラップの違いは何ですか?

jQueryとブートストラップの違いは何ですか?

青灯夜游
青灯夜游オリジナル
2020-11-09 17:00:532905ブラウズ

違い: Bootstrap は、主に HTML、CSS、Less、Saas、JavaScript で書かれたアプリケーション開発用のオープンソース フロントエンド フレームワークであり、Jquery は、主に HTML、CSS、Less、Saas、JavaScript で書かれたクライアント側スクリプト用のオープン ソース JavaScript ライブラリです。 JavaScript。

jQueryとブートストラップの違いは何ですか?

Bootstrap の簡単な紹介

Bootstrap は HTML5 と CSS3 に基づいて開発され、jQuery に基づいています。よりパーソナライズされ、完璧になり、独自の Web サイト スタイルを形成し、ほとんどの jQuery プラグインと互換性があります。

基本構造: Bootstrap は、グリッド システム、リンク スタイル、および背景を備えた基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳しく説明します。

CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。

コンポーネント: Bootstrap には、画像、ドロップダウン メニュー、ナビゲーション、アラート ボックス、ポップアップ ボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。これについては、「レイアウト コンポーネント」セクションで詳しく説明します。

JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラップ プラグインのセクションで詳しく説明します。

カスタマイズ: Bootstrap コンポーネント、LESS 変数、および jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。

Bootstrap には、Bootstrap のコンポーネントに「命」を与える 13 個の jQuery プラグインが付属しています。これには、モーダル ダイアログ ボックス、タブ、スクロール バー、ポップアップ ボックスなどが含まれます。

簡単に言うと、BootStrap は、Web サイトのフロントエンド ページを迅速に構築するための (Jquery ベースの) オープン ソース プロジェクトです。関連するクラス、タグ名などの意味を理解するだけで、ページを構築するときにブートストラップの JS、CSS などをインポートすると、HTML の説明: 略語; などの対応する効果が表示されます。マウス ブートストラップは、略語や略語の上にマウスを移動すると完全なコンテンツを表示することにより、HTML 要素の拡張スタイルを実装します。略語要素は TItle 属性を持ち、薄い点線の枠として表示され、マウスをその上に移動すると「疑問符」の付いたポインタに変わります。上記の効果を得るために段落テキスト内の特定の単語またはフレーズが必要な場合は、その形式で記述するだけで済みますが、追加の class="iniTIalism" によりフォント サイズが小さくなるか、その必要はありません。一方、ブートストラップや他の同様のフレームワークを試さない場合は、そのようなエフェクトを自分で作成する必要があり、開発に長い時間がかかります。もう 1 つの例は、Jquery の easyui です。これは同様です。

jQuery の概要

jQuery は、高速かつ簡潔な JavaScript フレームワークであり、Prototype に次ぐ優れた JavaScript コード ライブラリ (または JavaScript フレームワーク) です。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

jQuery のコア機能は次のように要約できます: 独自のチェーン構文と短く明確な多機能インターフェイスを備え、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張できます。便利なプラグイン拡張機構と豊富なプラグインを備えています。 jQuery は、IE 6.0、FF 1.5、Safari 2.0、Opera 9.0 などのさまざまな主流ブラウザと互換性があります。

ブートストラップと jquery の違い

ブートストラップはアプリケーション開発用のオープンソース フロントエンド フレームワークであり、Jquery はクライアント スクリプト用のオープンソース JavaScript ライブラリです

Bootstrap は主に HTML、CSS、Less、Saas、JavaScript で記述され、Jquery は主に JavaScript で記述されます。

Bootstrap は、CSS フレームワークを使用してサイトをよりカスタマイズしやすくすることができ、さまざまな Web サイトに使用できるさまざまなテーマを含むテンプレートを備えています。 Jquery では、多くのカスタマイズを行ってサイトを開発することはできず、さまざまな Web サイト開発用のテーマ テンプレートがありません。

Bootstrap は、CSS といくつかの jquery プラグインを含むフロントエンド フレームワークです。jquery に依存するため、一緒に使用する必要があります。

Bootstrap は、jquery に依存して書かれた拡張機能です。 . bootstrap を使いたい場合は、まず juqery を導入する必要があります jquery を導入しないと bootstrap の機能が使えません

Bootstrap はレイアウトや間隔などを定義し、また、より少ない機能を提供しますCSS の仕様およびフレームワークと見なすことができる管理。

彼が提供するスタイルを使用して自由に組み合わせることができ、基本的に一部のページのスタイルのニーズを満たすことができます。

Jquery を使用する場合、Web サイトを作成する場合は、PC では jQuery-ui、携帯電話では jQuery mobile を使用します [Web サイトは 2 セット作成する必要があります]

ブートストラップを使用する場合、[1 セットだけで十分です]。

ブートストラップは応答性の高いレイアウトであるため、ページを表示する効果は閲覧デバイスによって異なります。もちろん、IE 6---IE7 をサポートする必要がある場合は、より低いバージョンの jQuery を使用するのが最善です。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !

以上がjQueryとブートストラップの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。