ブートストラップとjQueryの関係は何ですか-フロントエンドQ&A-php.cn

ブートストラップとjQueryの関係は何ですか

WBOY

リリース： 2022-08-01 18:02:25

オリジナル

3377 人が閲覧しました

ブートストラップと jquery の関係は次のとおりです。ブートストラップは、他のテクノロジーと組み合わせた jquery に基づくフロントエンドフレームワークです。 Bootstrap は、Web アプリケーションや Web サイトを迅速に開発するために使用されます。jquery は、複数のブラウザと互換性のある JavaScript ライブラリです。Bootstrap は、HTML、CSS、および JAVASCRIPT に基づいています。

ブートストラップとjQueryの関係は何ですか

このチュートリアルの動作環境: Windows 10 システム、ブートストラップバージョン 5、DELL G3 コンピューター

ブートストラップと jquery の関係は何ですか

Bootstrap は HTML、CSS、JAVASCRIPT に基づいており、jQuery は複数のブラウザと互換性のある JavaScript ライブラリです。これは次のように理解できます。

bootstrap は、他のテクノロジーと組み合わせた 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 は主に Web サイトのシナリオ、つまり Web サイトのページ表示層に焦点を当てています。多くの豪華な効果を提供できます
#Bootstrap は、CSS といくつかの jquery プラグインを含むフロントエンドフレームワークです。jquery に依存するため、一緒に使用する必要があります
bootstrap は、jquery によって書かれた拡張機能に依存します。bootstrap を使用するには、まず juqery を導入する必要があります。jquery を導入しないと、bootstrap の機能は使用できません。
bootstrap はレイアウト、間隔などを定義しますが、CSS の仕様およびフレームワークとみなすことができる管理機能も提供します。
# 彼が提供するスタイルを自由に組み合わせて使用すると、基本的に一部のページのスタイルのニーズを満たすことができます。
Jqueryを使ってWebサイトを作る場合、PC側ではjQuery-ui、携帯電話側ではjQuery mobileを使用します[2セット作成する必要があります]ウェブサイト]
ブートストラップを使用する場合は、[1 セットだけで十分です]。