jQueryとjsの違いは何ですか? jsとjqueryの使い方の違いの紹介

js を学習する際には必ず jquery に触れることになります。では、js と jquery の違いは何でしょうか。この記事では、jquery と js の違いと比較について説明しますので、困っている方は参考にしていただければ幸いです。

アフターライン jquery と js の概念を簡単に見てみましょう。

js は、Web クライアント プログラミングによく使用されるスクリプト言語です。これにより、Web ページがより動的な機能を実現し、クライアント ブラウザーでより豊かな視覚効果を表示できるようになります。

jquery は、JavaScript プログラミングを大幅に簡素化する、高速で簡潔な JavaScript フレームワークです。

上記は js と jquery の簡単な紹介です。js と jquery について詳しく知りたい場合は、「JavaScript とは何ですか?」を参照してください。 と Jquery とその詳細な使用法 。

jquery と js の概要を読んだ後、引き続き

js と jquery の使用法の違いを見てみましょう。

1. jquery と js の最も直感的な違いは、jQuery オブジェクトには、js オブジェクトよりも多くの「$()」が含まれていることです。

2. jquery と js の操作内容の違い

非フォーム要素 (テキストの場合は text メソッドを使用し、HTML コードの場合は使用します) HTML メソッド)

例:

div.text();无参数的情况下是取值
div.text("aaaa");有参数的情况下是赋值
div.html();无参数的情况下是取值
div.html("aaaa");有参数的情况下是赋值

フォーム要素

JS:

div.value;Value;

div.value = xxx;Assignment

JUQERY:

div.val();パラメータを指定しない場合は値、パラメータを指定する場合は割り当てになります。

3. jquery と js の属性操作の違い

JS で属性を操作するメソッドは

div.setAttribute("", " ");——属性の設定と属性の変更

div.removeAttribute("");——属性を削除し、属性名を引用符で囲みます

div.getAttribute();— — 属性の取得

JQUERY で属性を操作するために使用されるメソッド

属性の追加: div.attr("test","aa");——この attr メソッドと属性にパラメーターを追加します。名前はtest、属性の値はaaです。

属性の削除: div.removeAttr("test");——テスト属性を削除します。

属性の取得: div.attr("test"); - 属性の名前を attr メソッドに直接書き込むだけです。

4. jquery と js の操作スタイルの違い

JS の操作スタイルのキーワードは style です。

例:

div.style.backgroundColor= "red";

この div の背景色を赤に設定します。

JQUERY でスタイルを操作するためのキーワードは css です。

例:

div.css("background-color","yellow");

この div の背景色を黄色に変更します。ここでの CSS のスタイルはすべて、変更を加えていない CSS スタイル シートのスタイルとまったく同じです。

注:

スタイルを操作する JS メソッドは、埋め込みスタイルや外部スタイルではなく、インライン スタイルのみを取得できます。

JQUERY のスタイル操作方法は、インラインでも埋め込みでも可能です。

最後に、この記事はここで終わります。さらに興味深い内容については、php 中国語 Web サイトを参照してください。

以上がjQueryとjsの違いは何ですか? jsとjqueryの使い方の違いの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。