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

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

このチュートリアルの動作環境: 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 セットだけで十分です]。

  
  

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

より人気のあるフロントエンド フレームワークには、ブートストラップ angularJS が含まれるようになりました

jQuery は JavaScript 用のツール セットであり、率直に言うと、jQuery は JavaScript です。

Bootstrap は、多くの既製の Web ページ形式と Web ページ レイアウトを統合し、多くの CSS スタイルと JS コードをカプセル化する開発フレームワークです。直接使用できます。独自のコンテンツに置き換えるだけで済みます。 。 失う。

jqueryは、主にhtml要素やフロントエンドデータをjsで簡略化して操作するjsスクリプトライブラリです。

bootstrap は、主に UI 部分を中心としたフロントエンド ページ デザイン データ表示フレームワークであり、表示効果は非常に優れています。

bootstrap = 多数の jQuery プラグインを含むスタイル ライブラリ

ちなみに、ブートストラップ スタイルのみが必要な場合は、jQuery およびブートストラップ js ファイルを導入する必要はまったくありません

関連する推奨事項 :ブートストラップ チュートリアル

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