• ベストアンサー

jQueryのメリットについて質問

「jQueryはたくさんのブラウザの挙動を標準化する」「jQueryでDOM操作できることがメリットである」のメリットがありますが、どのサイトを何回見てもこの意味が理解できません。どのサイトにも同じ文章が書いてあり、回答方法が専門用語となっていてわかりづらいため、素人でもわかるように教えていただけませんでしょうか。

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

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4848/10262)
回答No.1

DOM操作というのは、HTMLのタグを特定して、そのタグの操作をすることです。生のJavaScriptでも出来ますが、慣れないと難しいです。慣れても記述が長くなってしまいます。 また、IE時代は、生のJavaScriptだと、やりたいことによってはブラウザがIEかどうかを判断して、記述を変える必要があったりしたので、どのブラウザでもブラウザの違いを意識する必要が無く、同じ記述で良いのは楽です。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

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

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

  • jQueryで行う初期表示処理について

    いつもお世話になります。 jqueryで画面読み込み時でDHTMLを処理する場合(表示・非表示、タグの作成などなど)、ブラウザでの表示に影響はでるものでしょうか？ ※画面読み込み時・・・$(function() {.......}); で処理を記述 とういのも以前、jqueryではなく普通にjavascriptを使用して、初期表示処理をごりごり書いたシステム開発に携わったことがあるのですが、 一瞬見えた後非表示になったり、色がなにもついていない状態が一瞬見えた後、色がついたり、、、といった挙動をしていました。 jqueryは、domツリー構築後に処理が開始されると書いている記事を見たことがあるのですが、その場合でも、先に述べたような見え方をするのでしょうか？ それともDHTMLによるクライアントサイドでの動的な処理は、全て完了した状態でブラウザに表示されるのでしょうか？ 宜しくお願いします。

  • ツイッターの使い方

    ツイッターをiphoneで始めたいと思っていますが、さっぱりわかりません。 専門用語を含めてど素人でもわかりやすく解説しているサイトや本はありませんか？ グーグル等で検索すると解説しているサイトはあるんですが専門用語が理解できていないので意味はわからないサイトばかりで．．．

  • Ajax jQuery HTML5 って全部一緒？

    素人質問ですいません！ Webディレクターを目指しているのですが、FLASHっぽいアニメーションを最近ではiPadなどに対応させる為に、AjaxやらjQueryとかHTML5とかで実現できると良く話を聞きます。 JAVA Script と CSS をつかって実現しているとか？色々な技術が組み合わさっているとか？？ そもそもAjax=jQuery？など、用語同士の親子関係も解りませぬ。 色々とネットで見てみたのですが、読んでいるとすぐに専門的な話に潜り込んでしまって解らないので、どなたか、まぁるく、やさしく、解説をお願い出来ませんでしょうか？

    • ベストアンサー
    • AJAX
  • Quiitaなどで見るブラウザを録画するやつ

    Quiitaなどをみてるとjqueryなどの挙動確認のためブラウザで操作している様子をアニメーションとして投稿していますが、あれはなんという技術でしょうか？

    • ベストアンサー
    • HTML
  • ｊQueryのvar jQueryの仕組みについて

    jQuery-1.6.2のソースコードを見ているのですが質問させてください。 ２5行目の var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }, そして100行めの jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) { の意味が分かりません。 PHP等のclassになれているとJSのクラスは戸惑うことが多いのですが、この例は最たるもので、自分の中のJSでのclassは (1)スーパークラスのプロパティをcall()、apply()で継承 (2)スーパークラスのメソッドをprototypeオブジェクトで継承 (3)インスタンスのデータ型判定に必要なプロパティをconstructorで調整 だったのですが、スーパークラスがどの行のどれなのかも分かりません。 型やメソッド名からこれらがclassを意味しているのは分かるのですが、いったいどの部分がclass定義、継承を行っているのか教えていただけませんでしょうか？ なぜこれらがclassになっているのかが理解できません。 分るのは、jQuery.prototype.constructor = jQueryで、それをjQuery.fnに代入((3))している事です。 329行目の、jQuery.fn.init.prototype = jQuery.fn;の右辺がnew {$class}の形であれば(2)のプロトタイプチェーンの形だと分るのですが。 (1)は、init内でメンバ変数を定義したりしているので、classなのかな、という程度しか分っておりません。 jQuery.fnがコンストラクタで、jQueryがインスタンスで、var jQueryは親クラスをinitしたもの？・・・と混乱しております。 質問内容も文章が混乱していて申し訳ないです。

  • JQuery+JSONでChromeでローカル表示ができない？

    JQuery+JSONでChromeでローカル表示ができない？ http://image.gihyo.co.jp/assets/files/design/serial/01/jquery-site-production/0019/demo19-1.html 上記ページのサンプルをローカル上で検証しています。 safari、firefoxなどは問題なくサンプル通りの挙動なのですが、Chromeは表示されません。 試しにWeb(http)上にアップするとChromeも問題ありません。 これはブラウザの仕様なのでしょうか。Chromeのローカルで確認できるような記述方法があるのでしょうか。 宜しくお願いします。

  • jqueryで外部ファイル読み込んだ後の動作

    jqueryで外部ファイル読み込んだ後、読み込んだ外部ファイルに記述されたIDに対しての操作をしたいんですが、うまく行きません。 ブラウザに読み込ませるHTML(main.html) <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(function(){ $("#main").load("loadfile.html"); }); $("#str").html("50"); </script> </head> <body id="main"> </body> </html> #mainに読み込ませるHTML(loadfile.html) <html> <head> </head> <body> <p id="str">00</p> </body> </html> 自分なりの予想ではloadfile.htmlを読み込んだ後、 まだDOM要素が操作できない状態の時に$("#str").html("50"); が実行されてしまっていると思われますが、 こういう時は.ready()とかをうまく使うのでしょうか？ 基本がまだ身についていなく、 とんちんかんな質問かもしれませんが、よろしくお願いします。

  • 【jQuery基本質問】+(プラス）使い方について

    jQueryを基本から勉強しています。そこで、jQueryデザイン入門という本の中で、以下のソースコードが記述されているのすが、+（プラス）の使われ方がどうしても理解できません。テキスト結合ではないでしょうし、、+で囲むことの意味について、教えていただけないでしょうか？またこういう細かいルール？が本には記載されていないのですが、、、何か参考になるサイト等あれば教えていただけると嬉しいです。 ◆ソースコード ※jquery部分のみ抜粋 ※不明点：before内img src内+の使い方 $(function(){ $("#navi a").click(function(){ $("#main img").before("<img src='"+$(this).attr("href")+"' alt=''>"); $("#main img:last").fadeOut("fast",function(){ $(this).remove(); }); return false; }); }); 以上です。 よろしくお願い致します。

  • JQueryはAJAXとは無関係？？

    質問◆JQueryおよびJQueryMobileは「AJAX」とは無関係なのでしょうか？ 「JQueryMobileを使っているとき、DOMによってHTMLを動的に差し替えている」という認識なのですが、 特にRequest関連の記載をJavaScriptで記載していない限り、AJAXの処理は行われないのでしょうか？ それとも、 JQuery Mobileを使っている場合は、ページ遷移などで、プログラマが意識していなくても（独自にプログラムを書いていなくても） AJAXの処理が行われているのでしょうか？ /************************************/ サーバへのリクエストはなくても、１つのマシン内の、HTMLファイルとHTMLファイルの間で、 HTTPで通信がされるということはないと思っています。 （※基本、HTTPはクライアントとサーバの間のときしか使われないのですよね？） JQueryの技術情報のサイトを見ていると、 よく「document.ready」と書かれていたりするソースを見かけますが、 これはAjaxとは関係なく（通信とは関係なく）、 また「xhr.send」も書かれていないHTMLは、AJAXは使われないという理解です。 （「Form、submit」とも関係がない） XMLHttpRequestも「HttpRequest」とあるわけですし、 「Form、submit」を書いているときに行われるわけではないけれども、かわりに、 「xhr.send」とJavaScriptで実行されたタイミングで走る処理であり、 その際、「サーバから返される情報がXMLのデータ形式で(XML以外もですが、、)」だという理解なのですが、合っていますでしょうか？

    • ベストアンサー
    • AJAX

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する