web-dev-qa-db-ja.com

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

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

javascriptjquerymootoolsyuiprototypejs
19
mcherm

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

  • 他のjavascriptフレームワークと比較した場合の軽量
  • それは幅広い範囲を持っています プラグイン さまざまな特定のニーズに利用可能
  • 使い慣れたCSS構文を使用しているため、設計者はjQueryを簡単に習得できます。 jQueryは デザイナー向けJavascript
24
Jahangir

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

  • 大規模な開発コミュニティと多くのプラグイン。
  • それはマイクロソフトのレーダーにあり、彼らはいくつかのプラグインサポートとデバッグ機能を追加しています。
  • サードパーティライブラリの非常に優れたドキュメント。
  • 軽量。
  • チェーン機能は非常に強力です。
14
SaaS Developer

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

スリックスピードテスト

6
Guichard

それはあなたが見つける最もよく考えられた言語です-それはほとんど直感的です。

要素の幅が必要ですか？

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

要素を取得して非表示にし、背景色を変更してフェードインしますか？

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

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

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

JQueryの販売に本当に役立つのは、このような迅速で無意識の作業です。

6
Michael Thompson

私の意見では、Prototypeを簡単に試した後、jQueryを試し、愛するようになりました。jQueryAPIは、はるかにクリーンでよく考えられているように感じます。 jQueryの作成者/アーキテクトであるJohnResigは、彼のことを本当によく知っています。それは、jQueryの設計や、彼が参加している他のさまざまな印象的なJavaScriptプロジェクトに示されています。

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

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

6
user10109

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

4
palehorse

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

人気+拡張性

1）JavaScriptでXを実行する必要がある場合は、おそらくjQueryで実行されています
2）それが多く行われている場合、ネイティブサポートではないにしても、おそらくプラグインがあります

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

4
Nathan Long

  1. 特に縮小された場合、それは非常に小さく、コアライブラリで多くを提供します。

  2. 拡張も簡単で、活発なコミュニティがあります。

  3. 最後に、学ぶのは非常に簡単です。コアコンセプトを理解したら、すぐに複雑なソリューションのコーディングを開始できます。
4
conmulligan

このリンク をたどると、jQueryの詳細、jQueryを使用する理由、およびjQueryの利点は何ですか。

3
sandhya shendre

上手...

まず、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>

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

次に、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のコードのようなものになってしまいます。その場合、それを使用することは理にかなっています！

楽しんで！

2
Ruben Oliveira

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

2
Matter

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

これがあなたにとって重要かどうかはわかりませんが、Microsoftは最近、VS 2008の次のアップデートでjQueryのサポートを発表しました ブログ投稿はこちら 。

最近の Boagworldポッドキャスト で、jQueryの背後にいるJohnResigが他のさまざまなフレームワークについて話しているのを聞くことができます。それはあなたがあなたの決心をかなりバランスの取れた部分にするのを助けるかもしれません。

1
Dean

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

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

1
Mike

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

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

1
dawnerd

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

1
Erlend Halvorsen

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

パフォーマンスに関しては、それらはすべてかなり近いです： http://www.kenzomedia.com/speedtest/ ただし、MooTools、dojo、ext、およびPrototypeはすべて私の環境でより高速に実行されます。

私の質問は-なぜそれを使いたいのですか？それはあなたがそれをよく知っているという理由だけですか？

1
MattMcKnight

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

「クラスfooの画像を含むすべてのdivまたはテーブルを検索し、それぞれにクリックイベントを添付して、50％拡張する」などのタスクを実行します。またはあなたがしていることにもっと関連する何か。

次に、jQuery、Prototypeなどを使用してコーディングし、比較します。どちらが短いですか？読みやすいですか？実行が速いですか？ （速度の比較を見つけることができます ここ 。）

0
Nathan Long

ビジネスの観点から人々を説得しようとしているのであれば、MicrosoftがjQueryをVisual Studioと一緒に出荷するという最近の決定は、いくつかの追加の信頼性を確立するのに役立つ可能性があります。繰り返しになりますが、Microsoftの意見によっては、それが原因を損なう可能性があります。

0
Andrew Van Slaars