JSとJQUERYの違いは何ですか?

①. ID に基づいて要素を取得します

{

JS: 取得するのは DOM オブジェクトです。

例: var p = document.getElementByID("one");

JQUERY: 取得されるのはJQUERYオブジェクトです。

例: var p = $("#one");——括弧は何かに基づいて検索するために使用され、これは選択に相当します。ID に基づいて検索したい場合、スタイル シートの ID は次のとおりです。 # で表されるのは、シャープ記号を直接導入することを意味します。

}

②. 配列内のDOMオブジェクトを取得したい場合はindexメソッドを使用します

{

JS:得られるのは配列です

例：var p = document.ElementsByClassName("test");

JQUERY:

例：var p = $(".test");

}

③要素を取得します。名前に基づいて

{

JS: 返されるのは配列です

例: var bd = document.getElementsByName(uid);

JQUERY: メソッドは角括弧を使用し、属性 = 値です。名前に基づいて値を取得する制限、JQUERY は属性に基づいて要素を取得します

例: $("[name='uid']");

}

④ タグに従って要素を取得します。 name

{

JS: 戻り値も配列です

例: var p = document .getElementsByTagName("p");

JQUERY: スタイルシート内のすべての p にスタイルを追加するのと同じように、ダブルクォート内にタグ名を直接記述します

例: $("p");

}

添付ファイル：JQUERYのその他の値メソッド

組み合わせ選択: var p = $("p span");——あり組み合わせ方法はたくさんあります

******************************************** **************************

操作内容

①フォーム要素以外（テキストの場合はテキストメソッドを使用） htmlコードなのでhtmlメソッドを使います)

p.text("aaaa");——パラメータがある場合は代入です

p.html();——パラメータがない場合は、 value

p.html("aaaa");—— —パラメータがある場合は、assignment

｝

②です。 JS: p.value;——Value p; .value = xxx;——割り当て

JUQERY: p.val( );——パラメータがなければ値、パラメータがあると割り当てになります。

}

******************************************** *** ************************

属性を操作する

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

p.setAttribute("") ,""); ——属性を設定し、属性を変更します

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

p.getAttribute();——属性を取得します

属性を操作するための JQUERY メソッド

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

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

属性を取得します: p.attr("test");——属性の名前を attr メソッドに直接記述するだけです

*** **** ********************************************* ***** **********

操作スタイル

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

例: p.style.backgroundColor = "red";——背景色を設定するこの p の赤色

JQUERY の操作スタイルのキーワードは css

例: p.css("background-color"," yellow");——この p の背景色を黄色に変更し、すべてのここのCSSのスタイルは、何も変更せずにCSSスタイルシートのスタイルとまったく同じです

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

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

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