違い: 1. JavaScript はスクリプト言語であり、jQuery は js ライブラリです。 2. JS で要素を見つける方法は少なすぎて複雑ですが、jQ で要素を見つける方法は数多くあり、それらは非常に柔軟です。 3. JS は主にスタイルを設定することでスタイルを変更しますが、jQ は css() を使用してスタイルを変更します。
このチュートリアルの動作環境: Windows7 システム、javascript1.8.5&&jquery1.10.0 バージョン、Dell G3 コンピューター。
JavaScript と jQuery はフロントエンドを学ぶときに知っておくべき知識です。この 2 つの違いについては記事で紹介します。
JavaScript について説明します。
JavaScript は、小型軽量のクロスプラットフォーム スクリプト言語であり、ブラウザを通じてプログラム コードを実行できるオブジェクト指向プログラミング言語です。
クライアント側でのデータ検証によりネットワーク通信を削減できるほか、レイアウト、外観、背景、動作モードに合わせてさまざまなページオブジェクトを便利に利用できるなど、多くのメリットがあります。ユーザーのニーズに応じて異なるページを作成します。
jQuery
jQuery は実際には、使用時によく使用されるいくつかのメソッドを別の js ファイルに書き込む js ライブラリです。この js ファイルを直接参照するだけですが、JavaScript を使用するより簡単です。
JavaScript と jQuery の違い
(1) JavaScript では要素を見つける方法が少なすぎて複雑ですが、jQuery では要素を見つける方法がたくさんあります。多様で非常に柔軟です
(2) JavaScript は配列を走査するときに多数の for ループを再利用します。jQuery には暗黙的な反復機能があるため、手書きの for ループを記述する必要はありません。
(3) JavaScript にはさまざまなブラウザ互換性の問題があり、コードが複雑で冗長ですが、jQuery には互換性の問題がまったくありません。
(4) JavaScript での単純なアニメーション効果の実装は非常に複雑で大量のコードが必要ですが、jQuery でのアニメーションの実装は非常に簡単で強力です
(5) エントリ関数の違い
JavaScript のエントリー関数は、ページ内のすべてのリソース (画像やファイルを含む) が読み込まれるまで実行を開始しません。 .jQuery
[推奨学習: javascript 上級チュートリアル]
のエントリ関数では、実行を開始する前にドキュメント ツリーがロードされるのを待つだけであり、画像、ファイルの読み込みを待ちます。
(6) 要素の取得の違い
JavaScript は DOM オブジェクトを取得します
var demo=document.getElementById("demo");
jQuery は jQuery オブジェクトを取得します
var demo=$("#demo")
( 7)属性操作の違い
JavaScriptでの操作方法は以下のとおりです
setAttribute();设置属性、修改属性 getAttribute();获取属性 removeAttribute();移除属性
jQueryでの属性操作方法は
attr("属性名","值"):添加属性,传递两个参数时表示给这个方法加入一个参数 attr(""):获取属性,传一个参数表获取值 removeAttr(""):移除属性
(8) 操作スタイルの違い
JavaScript ではスタイルを変更するために主にスタイルを設定します。
<div style="backgroundColor="pink""></div>//设置背景颜色
jQuery は CSS を使用して設定します
$("div").css("background-color","yellow")//设置背景颜色
要約: 上記は JavaScript と jQuery の違いです。他にも違いがありますので、どなたでも追加していただけます。
推奨される関連チュートリアル: jQuery チュートリアル (ビデオ)
以上がJavaScriptとjQueryの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。