jqueryフレームワークとブートストラップフレームワークの違い

#jquery フレームワークとブートストラップ フレームワークの違い

ブートストラップ フレームワーク

Bootstrap の公式 Web サイトの紹介では、Bootstrap は Web 上で応答性の高いモバイル ファーストのプロジェクトを開発するための最も人気のある HTML、CSS、および JS フレームワークです。

一般的な意味は次のとおりです: Bootstrap は最も人気のある HTML 、CSS、および JS フレームワークは、レスポンシブ レイアウトの開発に使用され、モバイル デバイスファースト Web プロジェクトはレスポンシブ レイアウトの開発に使用され、HTML、CSS、および JS 開発用のオープン ソース ツール セットです。

Bootstrap はモバイル デバイスを第一に設計されています。Web ページの先頭にビューポート メタ タグを追加します。

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap は、クラスを使用して、コンテナ要素を使用して Web サイトのコンテンツをラップします。コンテナー (固定幅とレスポンシブ レイアウトをサポートするコンテナー) および .container-fluid (幅 100% でビューポート全体を占めるコンテナー) については、チュートリアルを参照してください (https://www.runoob.com/bootstrap4/bootstrap4) -tutorial.html、3 つのチュートリアルの後に、いくつかの jQuery プラグインが付属しています)

通常、Bootstrap はフロントエンド フレームワークであると言われていますが、個人的には、この表現はあまり正確ではないと感じています。 Bootstrap のフレームワークは Angular などのフレームワークと同じです。このフレームワークはそのフレームワークではありません。Bootstrap はページ UI レイアウトに似ており、一連の定義されたフレームワークを通じてトランジション、ドロップダウン、折りたたみ、カルーセルなどの予備的な効果を実現します。 CSS クラスといくつかの事前定義された jquery プラグイン

または、Bootstrap は UI、フロントエンド レイアウトに使用されるフレームワークです。これは JavaScript フレームワークではなく CSS フレームワークですが、改善するために JavaScript 自体も使用しますBootstrap フレームワークの視覚効果。

関連する推奨事項: 「

bootstrap チュートリアル >>

jQuery フレームワーク

jQuery は、 JavaScript プログラミングを大幅に簡素化する JavaScript 関数ライブラリ。 jQuery は現在最も人気のある JS フレームワークであり、多数の拡張機能を提供しています。

公式 Web サイト: https://jquery.com、中国語マニュアル: http://www.xgllseo.com/jq3/index-2.html、jQueryUI: http://jqueryui.com (ユーザー インターフェイス)インタラクション、特殊効果、ウィジェット、テーマ)

基本構文: $(select).action()、jQuery のセレクターは CSS、クラス selector.class、id セレクター #id、sass の書き方>

$(document).ready(function(){
     //jQuery 入口函数
});
$("button").click(function(){
    //jQuery 点击事件
});

jQuery は関数の一部をカプセル化し、ネイティブ JS の記述を簡素化しているように感じます。実際の使用では、jQuery は DOM ツリーを制御します。つまり、最初に HTML ページが記述され、次に変更が加えられます。それ

ボタンイベント関数の作成、クリックによる非表示、切り替え、ページジャンプなど。

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