• 締切済み

javascriptとjQueryについて

初心者の質問で申し訳ないのですが回答してもらえるとうれしいです。 つい先日、書店に行ったとき新刊でjavascriptの入門書みたいな本がでておりふと疑問に思ったことがあります。 javascriptのライブラリの一つでjQueryという誰でも簡単にjavascriptと同じ動作ができるものがあるのになぜjavascriptを学んでもらうための本が今更出ているのだろうと思いまいした。 たしかにjQueryももとをたどればjavascriptといえると思うのですがそれなら初めからjQuery入門書をだしたほうがいいのではないかと思います。 私自身まだまだ無知なので本当はこういうことというのがありましたら教えてください。

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.4

JavaScriptは言語です。 jQueryはライブラリです。 たぶん、表面的には理解されているとは思いますが、これら2つはまったく異なるものです。 もちろん、語弊はあると思いますが、わかりやすく例えるならば、日本語と熟語の関係に似ているかもしれません。ご存知のように日本語は言語です。そして、その熟語を「言語」と呼ぶ人はいません。まったく異なるものですよね。 質問者さんがおっしゃる例は、たとえば、一期一会という四字熟語さえ覚えておけば、「一生に一度だけの機会」という本来の意味や、日本語における主語、述語、動詞、助詞、前置詞などの複雑な文法は覚える必要はないと言ってるようなものです。明らかに違いますよね。そうです。ここでの熟語とはjQueryを指し、日本語の基本文法があっての熟語であるし、javaScriptの基本文法があってのjQueryなのです。

  • tkf-
  • ベストアンサー率58% (821/1396)
回答No.3

jQueryは非常に便利なライブラリです。ただ、それを使うにも、JavaScriptの基本を知っていなければ使えません。jQueryはライブラリであって言語ではないからです。 何でもかんでもjQueryでできるわけではありませんし、JavaScriptのみでも十分なWebサイトもあるでしょう。 おそらく、一般に出回っている"jQuery入門書"には、JavaScriptの基本部分も書かれていると思います。

  • t_ohta
  • ベストアンサー率38% (5076/13261)
回答No.2

jQueryを使うためにはJavaScriptを知らなければいけません。 jQueryはあくまでも処理を簡単に記述したり、ブラウザ毎に異なる仕様を吸収してくれるライブラリに過ぎませんので、JavaScriptを知っている必要があります。

回答No.1

jQueryはjavascriptを便利に使うためのものです。 jQueryを使わずに書くと10行かかる所をjQueryを利用すると1行でかけたりします。 よく使う計算や、ブラウザごとに書き方が違うものをjQueryが全部面倒みてくれます。

関連するQ&A

  • javascript・Jqueryなにをどこまで?

    本を使ってjavascriptの勉強を始めました。 使用している本→(よくわかるJavaScriptの教科書) ●勉強の動機 javascript勉強の動機ですが、現在スマフォサイトのマークア ップをメインに仕事をしており、今後もさらにjavascriptでの技術が使用されると思い始めました! ●疑問 javascriptを簡単に使用できるJQueryの使い方も書いてあり、 jQueryだけを覚えるだけで、難しいjavascriptを覚える必要があるのか疑問に思ってます。 他のサイトでjavascriptを覚えないとJQeryサンプルの編集ができないため、覚える必要があると 書いてありましたが、そのようにサンプルを編集する機会は実際どの多いのでしょうか。 また、話が変わりますが、フロントエンジニアに皆さん求めるレベルなどがありましたら、教えてほしいです。 ●今私ができる事 HTML5 CSS PHPの基礎は理解しています。 JQeryを使った、画像の切り替えやslideDown等を使った簡単な動きを書くこと。 長文になりましたら、どうぞよろしくお願いします。

  • jquery自体をJavaScriptで読み込む

    以下のようなものを想定して、jquery.js という中身がjqueryでないものから jqueryの実態を読み込みをさせようとしているのですが、うまくいきません。 ・jquery 2以降は、IE8以前をサポートしなくなるので、useragentで  読み込むjqueryを選択したい。 ・現在、CGIスクリプト上で、jqueryの読み込みを判断しているが、できれば  外部JavaScriptで巨大なjqueryの読み込みの判断をさせたい。 ・キャッシュされたとしても、ライブラリであることから、圧縮して70kバイトと  あまりにも巨大である ・(googleapiを利用すると、IE8以前では、プライバシーの警告が出る場合がある) 確かに、スマホにjqueryを普通に読み込ませても、何も問題なく動作しますが、 相当がんばって圧縮をしても70kバイト程度のライブラリを、使用しないのに 読み込むというのも気が引ける部分もあります。 何とか、動的に、かつ、何も問題なく、jqueryをJavaScriptで読み込む方法は あるでしょうか? このようなコードは、document.bodyがnullであるため、はじかれてしまいます。 var script = document.createElement('script'); script.src = 'http://hoge/jquery-1.js'; document.body.appendChild(script); var callee = arguments.callee; var interval = setInterval(function() { if (!document.evaluate) return; clearInterval(interval); interval = null; callee(); }, 100); このコードでも、jqueryを使用するものが、jQueryがないというエラーで、うまくいきません var scrptE = document.createElement("script"); scrptE.setAttribute("type", "text/javascript"); scrptE.setAttribute("language", "JavaScript"); scrptE.setAttribute("src", "http://hoge/jquery-1.js"); document.getElementsByTagName("head")[0].appendChild(scrptE); 以下のようなのは、googleapiのため、使わないものと考えます。 http://phpjavascriptroom.com/?t=ajax&p=jquery よろしくお願いします。

  • JavaScriptライブラリってそもそも・・・

    私はweb制作をはじめて3年たらずのwebデザイナーです。 プログラムはまったくと言っていいほど書けないので、アニメーションなどを実装したいときはwebで拾った著作権的に大丈夫なものを使いまわしています。 ほとんどjqueryライブラリを使ったものです。 最近はそのソースも少しは読めるようになり、少し手を加えられるようになりました。 そこで、かなり根本的な疑問がわいてきたのです。 ◆JavaScriptライブラリってそもそもなにが書いてあるものなのでしょうか? ※JavaScriptライブラリとはで調べたのですが、難しい言葉が多くて・・・ (jqueryとは具体的にどんなものが書いてあるものなのか。) ◆jqueryのアドオンとかjqueryのプラグインとか書いてあるのをよく見かけますが、これはなんのでしょうか?アドオンとプラグインは違うものなのでしょうか? ◆jqueryを読み込んで実行するためのスクリプトをソースに追加すれば意図した動きになりますよね。(アコーディオンメニューなど) ↓こういうもの=========== <script type="text/javascript"> $(function(){ // ここにコードを書いていく。 }); </script> これは「jqueryライブラリを使用して作ったプログラム」という言い方であっているのでしょうか? それともこのソースに追加するスクリプトのことをアドオンというのでしょうか? 無知で恥ずかしいのですが、この辺のことをきっちり理解できれば、もう少し自分のできる範囲が広がるのではないかと思い、質問しました。 よろしくお願いします。

  • jQueryについて教えてください

    jQueryというJSがあるのは誰もがご存知だと思います。 私も名前や少しだけ使ったことがありますが、いまいち漠然として分かりません。 初歩的な質問で申し訳ないのですが、 極論から言うとjQueryでいったいどの位の表現?機能を使うことができるのですか? 本も買ってみたり、ネットでも調べると何かしらjQueryを使ったプログラムはありますが、それが全てではないと思いますし、むしろ極一部だと思います。 jQueryを使うと、どんな事を、どうやったら、何ができる? って事がどうして皆さん分かるのでしょうか? 例えば何かイメージしてる動きがあって、それはネットで調べれば近い情報は出てくると思います。 しかし、jQueryである必要も無ければ、jQueryの方が楽な場合もあると思います。 だけどjQueryだとなぜ楽に作れるのか、それが理解できなくて困っています。 JavaScriptの知識はかじる程度しかないですが、 jQueryを理解するにはjQueryのソースを理解しないと、何ができるかは判断できないのでしょうか? また、「jQueryでできることの一覧」みたいなサイトってありますか? あと、jQueryで使えるライブラリの意味がいまいち分かりませんが、 これはjQueryを理解してる人が、使いやすいように作った別のJSファイルって認識で良いのでしょうか? どうも根本的な事を理解しきれてなくて、教えていただきたく。

  • 初心者も初めからES6で始めてしまった方が良い?

    今はbabelを使ってES6でもかけるので、文法なども古いJSと違いとても良いという話を聞きます。 私のような初心者も初めからES6で始めてしまった方が良いのでしょうか? ただ初心者用のサイトや本はES6でもうありますか? そしてES6になったからと言って、やはりライブラリを使わないととんでもない量の記述をしないと jqueryのようにちょろっと書いただけで色々できるというわけでは相変わらずないのですかね? ES6があれば、記述量もだいぶ減ったのでjqueryなしでES6だけでも十分短くかけるのでこちらのみで他は必要ないとも聞きました。 もしそうならすぐに切り替えてしまおうかなと思っています。 たにぐちまことのよくわかるjavascriptの教科書を読んだ私くらいでは下記でいきなりES6に移るというのは難しいですかね? 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで 大型本 – 2016/9/30 大丈夫そうなら重そうな本なので持ち歩きが厳しそうですが、こちらを買って、 すぐにこちらに移っても良いかなと思いました。 またES6の本やサイトで初心者用が見当たらない気がするのですが、 良い本やサイトをもしご存知でしたら教えていただければありがたいです。 人によって意見が違うと思うので、いろいろなひとに聞いています。

  • 複数のバージョンのjQueryを同時に使用

    複数のjQueryライブラリを同時に使用するには http://jsajax.com/articles/jQueryUsingMultipleVersion/2012 上記サイトを参照しましたがわからなかったので質問いたします。 「1.3.2と1.1.3.1」のようにバージョンの違うjQueryライブラリを同時に使いたいのですが、 以下のように記述した場合、Feature Listが正常に動作しません。 バージョンの違うjqueryライブラリを同時に使うにはどのように設定すればいいのでしょうか よろしくお願いいたしします <script type="text/javascript" src="jquery/1.1.3.1/jquery.min.js"></script> <script type="text/javascript" src="jquery/1.3.2/jquery.min.js"></script> <!-- ▼jquery_auto --> <script type="text/javascript" src="jquery/jquery_auto_j.js"></script> <!-- ▼animatedcollapse.js --> <script type="text/javascript" src="jquery/animatedcollapse.js"></script> <script type="text/javascript" src="jquery/animatedcollapse-settings.js"></script> <!-- ▼Feature List --> <script type="text/javascript" src="jquery/jquery.featureList-1.0.0.js"></script> <script language="javascript"> $(document).ready(function() { $.featureList( $("#tabs li a"), $("#output li"), { start_item:0 } ); /* // Alternative $('#tabs li a').featureList({ output:'#output li', start_item:1 }); */ }); </script>

  • jQueryやMootoolsなどのライブラリの使用について

    私はJavaScript初心者です。 jQueryやMootools、Prototype、YUIなどの 有名なライブラリの使用についていくつか疑問があります。 1. ライブラリを使用した場合と使用しなかった場合で、 使用した場合のほうが実行速度が遅いのでしょうか? 2. ライブラリを使用した場合と使用しなかった場合で、 使用しなかった場合のほうがOKwaveのようなQ&Aコミュニティで回答をもらえやすいですか? 3. お仕事でWebサイト制作をする際、 ライブラリを使用してのコーディングはよくないですか? 以上、どれか1つでも回答をいただけるとありがたいです。 よろしくお願いします。

  • JQuery サーバー上にアップすると動かない

    JQuery初心者です。 ■OS:Windows7 ■使用ソフト:DreamweaverCS5 ■使用サーバー:heteml 使用したいJQueryは、 http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery こちらのマウスが触れると画像が出てくるツールチップです。 --------------------------- <現象・環境> ・ローカルでは問題なく動作。 ・サーバーにアップすると動作しない。 ・単純に上記サイトからダウンロードしたものをサーバーにアップすると正常に動作する。 ・使用ページには他にもJQueryが混同されています。 ・↑他のJQueryは問題なくサーバー上でも動作します。 --------------------------- <行ったこと> ・何かのJQueryが邪魔してると思い、一度他のJQueryを全削除しましたが、サーバー上では動作しませんでした。 (ローカル上では動作しました) ・パスが間違っていると思い、ファイルを全て一つのフォルダにまとめてアップしましたが動作しませんでした。 (ローカル上では動作しました) ・何も無い新規HTMLを作成して使用したいJQueryだけを入れてサーバー上にアップしたら、動作しました。 →ということは、JQuery以外の何かが邪魔をしている? --------------------------- 考えられる原因や、ここを見てみたらどうかなどのアドバイスをいただけないでしょうか? 情報不足な部分がありましたら申し訳ありません。

  • Vista入門書

    Vistaの入門書をさがしています。 書店に行くと初心者向きの易しい本はたくさんありますが 中級者向きの入門書は見かけません。 XPは通常の使用では自身がありますので初心者ではありません。 XPがある程度使える人のためのVista入門書というのはないのでしょうか?

  • jqueryのタブ切り替えについて

    jqueryのタブ切り替えについて jquery初心者です。 某ポータルサイトを運営していて、 今回jqueryを使ってタブ切り替えを作りたいと思っています。 http://www.samuraitype2.com/demo/20090306/index.html こんな感じのものです。 ホットペッパービューティーのようにタブを押して切り替えたいのですが、(←おそらくPHP) PHPがよくわからないもので、、 そこで、質問ですが 上のURLのサンプルは少量のテキストのみでしたが、 お店の写真数枚やgoogle map、FLASH動画などの内容で切り替えを行ってく上で 動作に重たさは出るのでしょうか? ぱっ、ぱっ、と切り替わらず、少々読み込みがかかってしまうのでしょうか? 教えて下さい。 そもそもjquery自体よくわかってはいないのですが、Javascript? jqueryで色々種類があるんで、どういう意味なんでしょうか? 宜しくお願い致します。

専門家に質問してみよう