ホームページ > 記事 > ウェブフロントエンド > JavaScript と jQuery の違いを図で詳しく説明
JavaScript と jQuery の違いを図で詳しく説明
- yuliaオリジナル
- 2018-10-30 17:13:343676ブラウズ
JavaScript はフロントエンド開発に不可欠な要素であり、どちらも簡単に使用してページの効果を実現できるため、広く使用されています。この記事では JavaScript と jQuery の違いについて説明します。興味のある方は参考にしてください。
1. 本質的な違い
JavaScript は、HTML や Web に使用できるインタープリタ型スクリプト言語であり、サーバーや PC で広く使用できます。 、ラップトップ、タブレット、スマートフォン。
JQueryはJavaScriptの関数ライブラリであり、JavaScriptのフレームワークとも言えます。
JavaScript コードは タグに直接記述されます。
jQuery コードも タグを使用しますが、HTML コードの前に jQuery ライブラリを導入する必要があります。以下の図に示すように:
2. 文法の違い
JavaScript と jQuery は要素ノード、属性ノード、およびテキストを操作します。ノード、クリックイベントなどはすべて異なります。要素ノードの操作を例に挙げて、どのように異なるかを見てみましょう。
例 1: ID 名に基づいてタグ要素を取得する
説明:
ページ内に 2 つの p タグを作成し、それらにクラス クラス名を付けます。そしてID名。後でJavaScriptやjQueryで取得すると便利です。
JavaScript と jQuery を使用して、最初に ID を持つ要素を取得します。具体的なコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="pp" id="first">1</p>
<p class="pp">2</p>
</body>
<script type="text/javascript">
var first = $("#first");
var first = document.getElementById("first");
</script>
</html>例 2: クラスに基づいてタグ要素を取得します
var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素例 3: タグ名に基づいてタグ要素を取得する
var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素JavaScript と jQuery の間には構文に多くの違いがあります。知らない人のために、ここではあまり多くのデモを行いません。PHP 中国語 Web サイトのエフェクトに関する記事を参照するか、JavaScript ビデオ チュートリアル にアクセスしてください。
JavaScript と jQuery の違いの概要:
1. JavaScript がなければ、JQuery は存在しません。
2. jquery は JavaScript への参照であり、jQuery は JavaScript よりも簡潔です。##3 スクリプトを作成する場合、javascript と jquery の構文は基本的に互換性があります。
JavaScript 中国語リファレンス マニュアル をご覧ください。
以上がJavaScript と jQuery の違いを図で詳しく説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。