JavaScriptとjQueryの違いは何ですか

清浅
リリース: 2021-04-14 10:11:14
オリジナル
18260 人が閲覧しました

違い: 1. JavaScript はスクリプト言語であり、jQuery は js ライブラリです。 2. JS で要素を見つける方法は少なすぎて複雑ですが、jQ で要素を見つける方法は数多くあり、それらは非常に柔軟です。 3. JS は主にスタイルを設定することでスタイルを変更しますが、jQ は css() を使用してスタイルを変更します。

JavaScriptとjQueryの違いは何ですか

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート