両者の違いが分からなくて困っています。ライブラリをダウンロードしようとしましたが、コードはありませんでした。jQueryで構築した他の基本的な機能とともに、基本的なスライダーを構築しようとしています。ヘルプ、チュートリアル、プラグイン、および情報は非常に役立ちます!
3 に答える
「バニラ JS」とは、変更されていない単純な JavaScript を指します。
document.getElementById('myelement').innerHTML = "I was written with JavaScript!";
jQuery は、JavaScript を簡単に記述できるようにすることを目的とした関数やものの集まりです (ただし、個人的にはスパゲッティのように感じます)。
$("#myelement").html("I was written with jQuery!");
jQuery は JavaScript の集まりにすぎないため、プレーンな JavaScript の実行は常に高速です。自分が何をしているのかを実際に考えなければならないので、書くのは難しいかもしれませんが、jQuery で同じことをするよりは速く実行されます。
上記の 2 つのコード サンプルの比較については、この JSPerfを参照してください。
JavaScriptはブラウザに組み込まれています
jquery と jqueryui のオンライン バージョンにリンクするだけで開始できます。
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
スライダーはjquery uiライブラリにあります-(これはjqueryの上に構築され、jqueryに依存するライブラリです)ので、次に持ってきます
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
次に、jqueryui からのサンプルがより理にかなっているはずです
<script>
$(function() {
$( "#slider" ).slider();
});
</script>
<div id="slider"></div>
から
jQuery は JavaScript ベースのライブラリです。それ以外の場合は JavaScript でコーディングできるものの簡単なメソッドを提供します。jQuery は JavaScript でコーディングされており、ブラウザーには組み込まれていないため、埋め込む必要があります。
一方、jQuery UI は、基本的な UI 要素を簡単な方法でコーディングできる UI ライブラリです。
使用していたものを指定しませんでした。
jQuery を埋め込むには、これを最新の jQuery バージョンに使用します。
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
そしてこれは最新のUIバージョン用です:
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
上記の例は jQuery.com でホストされていることに注意してください。
Google は、developers.google.com を介してホストされた jQuery ソリューションも提供しています。
独自のサーバー (ある場合) で jQuery を自己ホストすることもできます。Google のサーバー (または jQuery のサーバー) を使用すると、独自のサーバーでホストするよりもはるかに高速であると考える人もいますが、テストを実行して、どれが最適/高速に機能するかを確認するのはあなた次第です。
jQuery は外部ライブラリ (JavaScript の拡張) であるため、ロードする必要があります。これはブラウザーに組み込まれていないため、常に遅くなります。
jQuery は (ある人にとっては) コーディングがはるかに簡単である (そして FadeIn のようなトランジションが組み込まれている) ため、読み込み時間が遅くても価値があると考える人もいます。
お役に立てれば。
編集: また、JavaScript をダウンロードし、内部にコードはなかったと述べましたが、JavaScript はブラウザー内に組み込まれているため、ダウンロードはありません。おそらくこのジョークのことを言っているのでしょう。