ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryとjavascriptの違いは何ですか?
jqueryとjavascriptの違いは何ですか?
- coldplay.xixiオリジナル
- 2021-04-09 14:30:366365ブラウズ
jquery と javascript の違い: 1. js は [3f1c4e4b6b16bbbd69b2ee476dc4f83a] タグを介して HTML ページに挿入されますが、JQuery は JavaScript 関数ライブラリです; 2. js は getElement シリーズを使用するのに対し、JQuery [$()] パッケージ セレクターを使用します。
このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。
jquery と javascript の違い:
1. 本質的な違い
1.JavaScript は 9ba2de944e0054a7007b7147fb56b5a8 タグは、最新のすべてのブラウザで実行できる軽量プログラミング言語である HTML ページに挿入されます。
2.JQuery は JavaScript 関数ライブラリです。言い換えれば、JavaScript で最も人気のあるフレームワークです。
JQuery を使用するには、まず HTML コードの先頭に jQuery ライブラリへの参照を追加する必要があります。例:
<script src="js/jquery.min.js"></script>
ライブラリ ファイルはローカルに配置することも、直接配置することもできます。有名な企業の CDN を使用する 利点 これらの大企業の CDN はより一般的です ユーザーがあなたの Web サイトにアクセスする前に、他の Web サイトにアクセスするときにその Web サイトがブラウザーにキャッシュされている可能性が高いため、Web サイトを開く速度が向上しますウェブサイトの速度。もう 1 つの利点は明らかで、Web サイトのトラフィック帯域幅を節約できます。例:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> //Google
または:
<script src="http://code.jquery.com/jquery-1.6.min.js"></script> //jQuery 官方
2. 構文の違い
操作要素ノード
a. JavaScript
getElement シリーズ、クエリ シリーズ
<body>
<ul>
<li id="first">哈哈</li>
<li class="cls" name ="na">啦啦</li>
<li class="cls">呵呵</li>
<li name ="na">嘿嘿</li>
</ul>
<div id="div">
<ul>
<li class="cls">呵呵</li>
<li>嘿嘿</li>
</ul>
</div>
</body>
<script>
document.getElementById("first"); //是一个元素
document.getElementsByClassName("cls"); //是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
document.getElementsByName("na"); //是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
document.getElementsByTagName("li"); //是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
document.querySelector("#div"); //是一个元素
document.querySelectorAll("#div li"); //是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
</script>b.JQuery は多数のセレクターを使用し、$() を使用してラップします選択デバイス
<body>
<ul>
<li id="first">哈哈</li>
<li class="cls" name ="na">啦啦</li>
<li class="cls">呵呵</li>
<li name ="na">嘿嘿</li>
</ul>
<div id="div">
<ul>
<li class="cls">呵呵</li>
<li>嘿嘿</li>
</ul>
</div>
</body>
<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script>
//使用JQuery取到的是jquery对象都是一个数组，即使只有一个元素被选中,但是在使用时候不一定需要使用:eq(0)来拿到这一个在使用可以直接使用
$("#first");
$(".cls");
$("li type[name='na']");
$("li");
$("#div");
$("#div li");
</script>
関連する無料学習の推奨事項: 以上がjqueryとjavascriptの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。