javascript - jQuery には、他の JavaScript ライブラリと比べてどのような利点がありますか?

Question

現在の組織で標準を設定している人々に、プロトタイプや YUI ではなく jQuery を使用するよう説得しようとしています。彼らを説得するために使用できる説得力のある利点は何ですか?

score 24 · Accepted Answer

jQuery の 3 つの主な利点は次のとおりです。

他の JavaScript フレームワークと比較した場合の軽量性
さまざまな特定のニーズに対応する幅広いプラグインが用意されています
使い慣れた CSS 構文を使用するため、デザイナーが jQuery を習得しやすくなります。jQuery はデザイナー向けの Javascript です

score 14 · Accepted Answer

JQuery を使用する主な理由は次のとおりです。

大規模な開発コミュニティと多くのプラグイン。
これは Microsoft のレーダーにあり、プラグインのサポートとデバッグ機能を追加しています。
サードパーティライブラリの非常に優れたドキュメント。
軽量。
連鎖機能は非常に強力です。

score 6 · Accepted Answer

これは、上記のものよりも最近の速度テストです。前回実行したときは dojo が最速で、jQuery、Mootools、Prototype、YUI の順でした。Firefox 3 で実行したことに注意してください。速度はブラウザーによって異なるため、自分でテストしてください。

スリックスピードテスト

score 6 · Accepted Answer

これは、最もよく考えられた言語であり、ほとんど直感的です。

要素の幅が必要ですか?

$('#something').width();

要素をつかんで非表示にし、背景色を変更してフェードインしたいですか?

$('#something').hide().css('background', 'red').fadeIn();

IEのテーブルストライピングはどうですか（hoverクラスが定義されていると仮定）？

$('table tr').hover(function() {
  $(this).addClass('hover');
});

jQuery の販売に本当に役立っているのは、このような迅速で無頓着な作業です。

score 6 · Accepted Answer

私の意見では、Prototype を簡単に試し、その後 jQuery を試して気に入ったようです。jQuery API は、よりクリーンでよく考えられているように感じます。jQuery の作成者/アーキテクトである John Resig は、彼のことをよく知っており、jQuery の設計だけでなく、彼が参加した他のさまざまな印象的な JavaScript プロジェクトにもそれが表れています。

クエリとチェーン可能性の全体的な概念は、DOM 操作に非常によく適合します。これは、人々が JS ライブラリを使用する目的の矢面に立っているようです。オンラインドキュメントは素晴らしいです。性能も非常に良いようです。その機能を考えると、ライブラリ全体が比較的小さなパッケージに収まります。プラグインアーキテクチャは、拡張性にも優れています。

正直なところ、私は YUI を試したことがないので、それについてはあまりコメントできません。特定のモジュールのみをダウンロード/使用することを選択できますが、全体としてかなり大規模なライブラリであることは知っています。

score 4 · Accepted Answer

賛成の1つの議論はこれです：

人気+拡張性

1) 誰かが JavaScript で X を行う必要がある場合、おそらく jQuery で行わ
れています

それが本当にユニークな場合は、SO または他の場所であなたの質問に答える人がたくさんいます。

score 4 · Accepted Answer

jQuery の利点の 1 つは、多数のプラグインを開発した大規模なコミュニティです。

score 4 · Accepted Answer

特に縮小すると非常に小さく、コアライブラリで多くの機能を提供します。
拡張も簡単で、活発なコミュニティがあります。
最後に、学習は非常に簡単です。核となる概念を理解したら、すぐに複雑なソリューションのコーディングを開始できます。

score 3 · Accepted Answer

このリンクをたどると、jQuery の詳細、使用する理由、およびその利点について知ることができます。

score 2 · Accepted Answer

経験的に、アプリケーション内で非常に特定の役割が与えられると、それぞれに長所と短所があります。グローバルな決定を行うことは、最も適切なアプローチではない場合があります。手元にある特定のタスクを実行し、パフォーマンス、肥大化、経験などを分析してから、特定の決定/提案を行います。

score 2 · Accepted Answer

上手...

まず、jQueryが優れていると思う理由を考える必要がありますが、他の人を説得するためにどの引数を使用すればよいかわかりません。おそらく、最初に自分を納得させる必要があります。;）

とにかく、jQueryは単なる別のフレームワークです。あなたはそれが最もよくすることのために使うべきです。基本的なDOM処理のためだけに使用する場合は、忘れてください。jsを正しく使用する方法を学び、大丈夫です！

このHTMLを検討してください。

<body>
<div style="width: 400px; height: 400px; background-color: red">
<div style="width: 400px; height: 400px; background-color: red">
</div>

<script type="text/javascript">

function test1 (){
document.body.innerHTML = ""

var div = document.createElement("div");

document.body.appendChild(div);

$(div).width("400px").height("400px").css("background-color", "red");
}    

function test2 (){
document.body.innerHTML = ""

var div = document.createElement("div");

document.body.appendChild(div);

$(div).width("400px");
$(div).height("400px");
$(div).css("background-color", "red");
}

function test3 (){
document.body.innerHTML = ""

var div = document.createElement("div");

document.body.appendChild(div);

div.style.width = "400px";
div.style.height= "400px";
div.style.backgroundColor = "red";
}

function test4 (){
    document.body.innerHTML = ""

    var div = document.createElement("div");

    document.body.appendChild(div);

    div.setAttribute("style", "width: 400px; height: 400px; background-color: red");
}

</script>
</body>

で利用可能なjqueryを使用してhmlファイルに入れます<head>

次に、firebugを開き、次のコードを実行します。console.profile（）; test1（）; console.profileEnd（）;

console.profile();
test2();
console.profileEnd();

console.profile();
test3();
console.profileEnd();

console.profile();
test4();
console.profileEnd();

あなた自身のために結果を見てください！

ただし、いくつかのループを作成したり、DOMの要素がいくつかの基準に一致することを確認したりする必要がある、DOMで複雑な操作を行いたい場合は、この手順を実装するため、jQueryの使用を検討できます。

とにかく、コードに保持している参照を使用してDOMを制御することほど良いことはないことを覚えておいてください。そのより速く、他の人にとってより読みやすい。Googleの「jsのベストプラクティス」。

私はjQueryを複雑なものに使用しているため、実装に時間がかかりすぎて、jQueryのコードのようなものになってしまいます。その場合、それを使用するのは理にかなっています！

楽しむ！

score 1 · Accepted Answer

Jqueryは数年前から存在しているので、他のみんなが言っているように、Jqueryには深いコミュニティ、たくさんのプラグイン、そしてまともなサポートがあります。私にとってそれを脇に置いたのは、それが学びやすいということでした。

http://visualjquery.com/1.1.2.htmlを参照してください

score 1 · Accepted Answer

多分あなたはすべきではありませんか？それはすべて、構築しているアプリケーションの種類によって異なります。GUI を多用するアプリケーションを構築している場合、たとえば Yahoo! メールの場合は、jquery よりも YUI または Mootools を使用することを検討する必要があります。個人的に私は jQuery の大ファンですが、ほとんど静的な UI にインタラクションのタッチを追加するには、jQuery が最適です。一方、jquery をその目的で使用する場合は、jquery の方がはるかに単純で、構文が優れており、勢いがあります。

score 1 · Accepted Answer

私は jQuery を数か月間使用しており、楽しい経験をしています。フレームワークは明確で簡潔で、優れたプラグインアーキテクチャを備えており、非常によくサポートされていますが、フレームワークは非常に個人的なものであり、おそらくいくつか試してみると、通常は自分に最適なものを見つけるのにそれほど時間はかかりません.

これが問題になるかどうかはわかりませんが、Microsoft は最近、VS 2008 の次の更新で jQuery をサポートすることを発表しました。

jQuery の背後にいる人物である John Resig が、最近のBoagworld ポッドキャストで他のさまざまなフレームワークについて話しているのを聞くことができます。かなりバランスの取れた作品であると決心するのに役立つかもしれません。

score 1 · Accepted Answer

優れたプラグインのセットがあり、コーディングスタイルは目立たないため、置き換えが難しくありません。また、jRails と呼ばれる Ruby on Rails ヘルパーに代わる素晴らしいドロップもあります。

http://www.kenzomedia.com/speedtest/ただし、 MooTools 、dojo、ext、および Prototype はすべて、私の環境ではより高速に実行されます。

私の質問は、なぜそれを使いたいのですか? それはあなたがそれをよく知っているからですか？

score 1 · Accepted Answer

私はプロトタイプ派ですが、jQuery を少し使ったことがあります。正直なところ、「セールスポイント」として使用できる 2 つの違いはあまりありません。一方、YUI はかなり肥大化しています。商用グレードのアプリケーションでは決して使用しません。

この正確な主題について話しているこのページを見つけました。

score 0 · Accepted Answer

簡単に比較してみませんか？

「クラス foo の画像を含むすべての div またはテーブルを見つけ、それらのそれぞれにクリックイベントをアタッチして、それらを 50% 拡大する」などのタスクを実行します。または、あなたがしていることにもっと関連する何か。

それをjQueryやPrototypeなどでコーディングして比較。どちらが短いですか？読みやすい？走るのが速い？(ここで速度比較を見つけることができます。)

score 0 · Accepted Answer

ビジネスの観点から人々を納得させようとしているのであれば、jQuery を Visual Studio に同梱するという Microsoft の最近の決定は、さらなる信頼を確立するのに役立つ可能性があります。繰り返しになりますが、Microsoft に対する彼らの意見によっては、それがあなたの大義を傷つける可能性があります。

javascript - jQuery には、他の JavaScript ライブラリと比べてどのような利点がありますか?

18 に答える 18

Related

Reference