jqueryのバージョンについて

このQ&Aのポイント
  • jqueryのバージョンについて
  • jqueryのバージョン選びのポイント
  • お勧めのjqueryバージョン
回答を見る
  • ベストアンサー

jqueryのバージョンについて

jqueryをWEBデザイナーになるためにべんきょうしたいのですが、Ver.1.8.3がよいのでしょうか? かきのようなじょうほうをみつけました。 office2010のしようばんをさくじょしたらIMEがおかしくなってかんじが うてなくてすいません。 2013年5月現在、1系はVer.1.9.1、2系は、Ver.2.0.0となっております。では、どのバージョンを使うべきでしょうか? このサイトを見ている方への私のお勧めのバージョンは、Ver.1.8.3です。「何故最新でないの?」と、思われるかもしれませんが、まず、Ver.2系は、IE6~8をサポートしていないため、これを使うのは、スマホサイトなど、まだ限定された環境が必要になります。そして、Ver.1.9系ですが、これは、今までのVer. 1系から、結構多くの機能(関数など)が廃止されています。今まで利用できていた既存のコード(プログラム)が動かない恐れがあります。実際、一般に公開されているプラグインなどでも、Ver. 1.9系だと不幸にも動かないものが、かなりあります。

noname#226032
noname#226032
  • CSS
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • shockatz
  • ベストアンサー率80% (153/191)
回答No.3

#2です。 jQuery2.0は、1.9.x系の命令を維持しつつ、旧タイプブラウザへの互換性を捨て、コードをすっきりさせてダウンサイジングし、実行速度を上げたバージョンです。 なので、「1.9.xにしたら動かないプラグインがある」という問題は、そのまま残ります。 あと、1.9.xは、1.8.3から複数の関数を削除して整理したバージョンですが、追加された内容は、おそらくほとんどのjQueryユーザには縁のないものでしょう。 また、1.9.x以降、仕様が必須になった機能は、1.8.3でも普通に動作するものです。 「jQueryの勉強」にも程度がありますが、市販されているjQuery書籍にも、1.8.3準拠(というより1.9だと動かない命令を含んでいる)のものが数多いことから、自分は1.8.3を使います。

noname#226032
質問者

お礼

ありがとうございます。お忙しい中大変ありがとうございました。 1.10.2などだと1.7対応の教科書では動かない関数などがあるのですね。 1.8.3なら1.7対応の教科書でも動くものがほとんどなのですね。

その他の回答 (2)

  • shockatz
  • ベストアンサー率80% (153/191)
回答No.2

1.8系 => 1.9系で、最もヤバい変更は、「後づけで生成したり読み込む予定のDOMオブジェクト」を対象にする処理が変わったこと。 具体的には ".live()" や".delegate()"など、非常に重要ないくつかの関数が使えなくなり、".on()"や".off()"に統一されたこと。 前バージョンから「非推奨」だったのが、関数ごと消滅してしまった。これだけで、Ajax連動型の表示系プラグインは全滅です。 次バージョンでは、Ajaxで使われている.success()オプションも消滅の可能性が高いとか。そうなったらほとんどの豆知識ブログサイトも爆死ですね。 要は、代替の関数が重複して準備され、2世代ほどして前の関数が非推奨になり、そのうち消滅というのが定石。 そういうことで、デザイナさんなら、自分でjQuery打ちまくる方以外、1.9使う必然性はほとんどないのでは? 自分も1.9はNGです。プログラマですが、お金出して買った有償のjQueryライブラリがいまだに1.9に対応しないし。

noname#226032
質問者

お礼

ありがとうございます。お忙しい中大変ありがとうございました。 >自分も1.9はNGです つまり1.83か2.0が良いということでしょうか?

noname#226032
質問者

補足

私の買った教科書は下記のようなバージョンにたいおうしているそうです。 >1.10.2をダウンロードしてお使いいただいた方がよいです。 と記載があったのですが1.10.2とは1.9が最新版の1.Xのことでしょうか? >>>>> 以下、いただいたご質問についてお返事いたします。 > よくわかるJavaScriptの教科書を購入したのですがJQUERYと > JavaScriptのバージョンが書いてありません。 > どのバージョンで行えばよいのでしょうか? 「よくわかるJavaScriptの教科書」は、 JavaScriptは1.8、jQueryが1.7で執筆されています。 JavaScriptについては、特に何かを用意する必要はございません。 jQueryについては、jQuery公式サイトからダウンロードするときに 現在でしたら1.10.2と2.0.3が選べますが、どちらかというと 1.10.2をダウンロードしてお使いいただいた方がよいです。 本書の内容は2.xの方でも動くはずですが、2.xの方は、古い ブラウザのサポートをしないというバージョンですので、 そのような明確な意図がある場合にお使いになられたほうが 良いと思います。

  • yukitakao
  • ベストアンサー率44% (16/36)
回答No.1

これから勉強を始めるのであれば新しいバージョンで勉強することをお薦めます。 まず1.x系と 2.x系は動作速度と対応ブラウザが異なるだけで 機能的(使い方)としては基本的に同じ物です。 また1.91は対応していないjqueryのプラグインがあるから辞めた方がいい、といいますが これから勉強するのであれば古い文法になれて新しい文法でかけなくなるよりも 新しい文法になれた方が絶対にいいと思います。 古い書き方はこれからどんどん廃れていきますし。 また1.9以降でも古いコードを動作させるプラグインもあるので 古いコードを動かすこともできなくはないですし。 それと最初は一つのバージョンに絞って勉強したらいいと思いますが JQueryのどのバージョンを使うかは自分では選べないケースも多いです。 既存サイトの更新であれば既につ買われている物を使うほかありませんし PCサイトだから1.x系を スマホサイトだから軽い2.x系をと使い分ける必要があります。 なので最終的にはどのバージョンでもきちんとかけるようになる必要があります。 とはいえよっぽどコアな処理を書かない限りバージョンの違いで書き方が変わって困ることはほとんどありません。 特にWEBデザイナーであればバージョンの違いを意識する必要はほとんどないのではないかな? 自分はWEBプログラマーなので多少バージョンの違いでかき分けることもありますが それでもほとんどないですし。 まずは特定のバージョンで勉強頑張ってください!

noname#226032
質問者

お礼

ありがとうございます。お忙しい中大変ありがとうございました。 >とはいえよっぽどコアな処理を書かない限りバージョンの違いで書き方が変わって困ることはほとんどありません。 特にWEBデザイナーであればバージョンの違いを意識する必要はほとんどないのではないかな? 理想は最新ということですが、あくまでWEBデザイナーが写真をスライドさせたりする程度なのでどのバージョンでもよさそうですね。 初心者なので、買った教科書通りにいかないと分からなくなってしまうので教科書が使っているバージョンが一番よいかもしれませんね。

noname#226032
質問者

補足

私の買った教科書は下記のようなバージョンにたいおうしているそうです。 >1.10.2をダウンロードしてお使いいただいた方がよいです。 と記載があったのですが1.10.2とは1.9が最新版の1.Xのことでしょうか? 教科書に合わすなら1.9が最新で良いということですかね? >>>>> 以下、いただいたご質問についてお返事いたします。 > よくわかるJavaScriptの教科書を購入したのですがJQUERYと > JavaScriptのバージョンが書いてありません。 > どのバージョンで行えばよいのでしょうか? 「よくわかるJavaScriptの教科書」は、 JavaScriptは1.8、jQueryが1.7で執筆されています。 JavaScriptについては、特に何かを用意する必要はございません。 jQueryについては、jQuery公式サイトからダウンロードするときに 現在でしたら1.10.2と2.0.3が選べますが、どちらかというと 1.10.2をダウンロードしてお使いいただいた方がよいです。 本書の内容は2.xの方でも動くはずですが、2.xの方は、古い ブラウザのサポートをしないというバージョンですので、 そのような明確な意図がある場合にお使いになられたほうが 良いと思います。

関連するQ&A

  • jQueryのバージョンが違うものを複数設置してもよいのでしょうか?

    最近jQueryに興味を持ち、サイトで公開されているプラグインを試しています。複数のスクリプトを実行させるとエラーが起こるため原因を探っているのですが、jQueryを使ったサイトを研究していてふと疑問に思ったことがあります。 とても初歩的な質問だと思うのですが、jQueryにはいろいろなバージョンがあるのでしょうか?jQuery 1.2.3や1.3.2などいくつか見たことがあります。それは単純に開発の段階で新しくバージョンアップされただけなのでしょうか?それとも全く別物なのでしょうか? それらの違うバージョンのjQuaryは共存することはできるのでしょうか? サーバーにいくつもアップロードして、ひとつのページで <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-1.2.3.min.js"></script> などと、しても良いかという意味です。 また、共存できない場合、違うバージョンのjQuaryをダウンロードするように指示されている場合でも(プラグインの紹介サイト過去記事で表記が古い場合)、最新バージョンのjQuaryをアップロードしておけば正常に動くものなのでしょうか? よろしくおねがいします。

  • JQueryでIBMサイトのようなこと可能ですか?

    はじめて投稿させていただきます。 現在ウェブ製作を行っているのですが、 サイトトップで以下のIBMサイトのようなスライドが造れないかと 思っているのですが、既存公開されているJQueryプラグインで似たようなもの ご存知の方おられないでしょうか。。 http://www.ibm.com/us/en/ どうぞ宜しくお願い致します。

    • ベストアンサー
    • CSS
  • jQueryの基本的なことについて教えてください

    自サイトで 「jQuery Slider²」http://wex.im/javascript/jquery-slider2 を設置しようと試みています。 私はhtmlとcssの知識しかありません。 今までずっと、HTML 4.01 Transitionalで、タグ打ちしながらサイトの作成をしていました。 行き詰ったらその都度ネットで調べて…という感じで 10年以上サイト製作をしていますが素人ほどの知識だと思っています。 それで、初めて上のスライドショーを設置しようと色んなサイトを参考にしたのですがうまく動きません。 (google chrome、IE8で見ています) 何が悪いのか…と上記URLの配布サイトを見たところ、 Examples <head> stuff <script type="text/javascript" src="js/jquery.slider.min.js"></script> <link href="css/jquery.slider.css" rel="stylesheet" type="text/css" /> と、2段目がtype="text/css" />という風に閉じてあって、 あぁ、これってページ全体をもうhtmlじゃなくて xhtmlで書かないと動かないって事なのかなぁ、という疑問が沸いてきました。 実際このスライドショーに限らず、jqueryのプラグインを使用している 色んなサイトがxhtml方式になっているのを確認しましたが jQueryのプラグインは、xhtmlでないと動かないものでしょうか? それとも、このプラグインに限ってはxhtmlなのでしょうか? よろしくお願いいたします。

  • jqueryで未定のファイル名を取得する

    サイトでjquery.1.4.2を使っています。 javascriptないしjqueryで、/img/test01.jpg~test05.jpg、tesuto.jpgがあり、個数が6個ある(または~~というファイルがある)とアラートを返したいのですが、方法が良く分かりません。 jqueryでloadを使う事も考えましたがファイル名が一定ではないのと個数が毎回変わるため指定ができない状況です。 /index.html /js/jquery.js /img/ファイル なお特定のプラグインを使用する場合、jquery側のバージョン変更は可能です。 よろしくご教授ください。

  • jquery.heightLineというプラグイン

    http://sample1.digi2.jp/kindergarten/plan.html こちらのサイトにjquery.heightLineというボックスのサイズを統一するプラグインを導入したのですが、 javascriptを無効にしている人を考えるとheightもつけておくべきでしょうか? 今つけているのですが、実務でははずすべきでしょうか? 補足 また文字を最大にすると同じサイズにならないのですが、これは仕方ないのですよね。 実務でもこれはOKなのでしょうか? 他のプラグイン探せとなるのでしょうか?

  • jQueryのスライドショーのカスタマイズについて

    仕事であるサイトを作っているのですが、製品ページの所で製品画像をスライドショーにして実装しようと思っており、jQueryで理想に近いプラグイン(galleriaというものです)を発見したのですが、スライドショーの領域内でさらに拡大画像ができるようにしてほしいと言われ自分でカスタマイズしようとやってみましたがうまくできません。 皆様のお力をお貸しいただけないでしょうか。 ■galleriaのプラグインを使ってカスタマイズする内容 galleriaのサイトからファイルをダウンロードし(http://galleria.aino.se/download/)メイン画像(サムネイルの上にある画像)内、もしくは外に「拡大画像」というボタンを設置し、クリックするとモーダルウィンドウで拡大画像が表示されるようにしたい。 ■自分でうまくできないところ このプラグインはサムネイル、もしくは左右にある矢印をクリックすると画像が変わる仕様になっており、「拡大画像」ボタンに今表示されているメイン画像を判別させて拡大画像を表示させる処理が必要となると思うのですが、うまくいきません。 モーダルウィンドウはthick.box(http://jquery.com/demo/thickbox/)を使って表示させています。 その他に、もっと簡単にできる方法など教えていただければ助かります。 よろしくお願いいたします。

  • FC2のHPでjQueryの設置ができない

    FC2のHPでボタンを押すと画像が次々に送られていく一般的なスライド型のjQueryを設置しようとして、参考サイトの通りにソースにプラグインを記述/コピペしたのですが、確認すると、スライド動作が実装されず、ページにただ画像が縦並びになっただけのエラー画面になってしまいます。 解決方法を自分なりに調べて色々試してみましたが、何度やってもダメでした。 行き詰まって先に進めないので、どなたか設置方法を切にお願い致します。 ちなみにタグ類は少しなんとなくわかる程度の初心者なので出来る限り具体的に教えて下さると有り難いです。 <head>と<body>にそれぞれ記述するものを参考サイト通りに入れていったはずなのですが。。 以下に現在打ち込んでいるソースを載せましたので、記述が足りていない/間違っているなど、ありましたら指定して下さい。。 jQueryは現在最新バージョンの【1.10.2】バージョンをFC2ディレクトリにアップロード済みなので一部書き換えなどしてあります。 画像パスが上手くいってないのでしょうか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flexslider-min.js"></script> <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script> </head> <body style="background-color: rgb(139, 139, 139); color: rgb(0, 0, 0); "> <p>&nbsp;</p> <div class="flexslider"> <ul class="image"> <li> <img src="image/1128355_m.jpg" /> <p class="flex-caption">画像1のキャプション</p> </li> <li> <img src="image/2661080_m.jpg" /> <p class="flex-caption">画像2のキャプション</p> </li> </ul> </body> </div> </html> ーーーーーーー それぞれの動作の意味など細かいところまではわかっていません… プラグインを入れてあるファイルの場所にも問題があるのでしょうか… ちなみにライトボックスの設置には成功したのですが、ファイルの保存先が違うだけでも動作しないような気がしましたので。 あとFC2では構造上、jQueryが元々使用出来ないような記事を見かけたのですが、他のFC2ユーザーの方は出来ているようなので大丈夫ですよね… すごく初歩的な事かと思いますが、何卒宜しくお願いします。。 後々補足から回答者様に再度質問させて頂く事もあるかも知れません。

  • jqueryプラグインの設置方法

    すみません、超初心者です。 コチラのサイト(http://laquu.com/plugin/innerslide/demo)の「インナースライド」プラグインを導入したいのですが、カーソルを載せてもピクリとも反応しません。 自分で書いたソースはこんな感じです.↓ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="../jquery.laquu.custom-65049.js"></script> <script> jQuery(function(){ laquu("#innerslide1").innerSlide(); }); </script> <body> <div class="innerslide-panel"> <div id="innerslide1"> <p>カーソル載せる</p> <div class="laquu-innerslide"> スライドする内容 <!-- End laquu innerslide --></div> <!-- End innerslide1 --></div> <!-- End innerslide panel --></div> </body> ちなみに今はサーバーにはアップロードしておらず、完全にローカルでプレビューしています。 もしかして.jsファイルをサーバーにアップロードしなくては動かないのでしょうか??? 無知で申し訳ありません、ご回答宜しくお願い致します。

  • カスペルスキー2010を2009にバージョンダウンしたい。

    題意の通りです。2年版を買って使っていたので、まだ1年以上使えますが、2009から2010にバージョンアップしたとたん、極めて不調に。サポートに何度も電話しましたが、見捨てられました。バージョンダウンしようと思うのですが、誤って2009のCDを捨ててしまい(その前のバージョンのVer6.0を誤って残し、2009を捨ててしまった)したがって、バージョンダウンできません。2009をネットからダウンロードすることはできないでしょうか。 こちら、WindwsXPのSP3で、メモリ2.5M積んでます。重要な処理に使用しているPCなので、Office2003ぐらいしか入ってません。 カスペルスキー2010にネットでバージョンアップしたのですが、フリーズの嵐、まともに動いてもIMEすら入力後数秒待たされる状態が頻発。遅くて耐えられません。この状態から脱却するために、元の安定したカスペルスキー2009にバージョンダウンしたいのですが。2006年のカスペルスキー6から使っていました。今まで価格が高い点以外は外は評判も良く安定していたカスペルスキーですが、今回の2010は、評判も悪いようで残念です。

  • CLIP STUDIO PAINTの次期バージョン

    CLIP STUDIO PAINTに興味があるんですが、4月のアップデートでVer1.9になったとか。 https://www.clip-studio.com/clip_site/cliplab/paintlab_clipstudio そろそろメジャーアップの話とかあるんでしょうか? 今買ってすぐに次のバージョンが出ると悔しいですよね(無料でバージョンアップできるなら別ですが) Ver.2が出るまで待った方が良いでしょうか?