ベストアンサー JQueryをHTML文書内に埋め込む(一緒に書く 2017/05/06 10:50 JQueryをHTML文書内に埋め込む(一緒に書く)ことはできますか? たとえば、PHPやjavascriptでやっているようにです。 できる場合、どのようにやればできますか? みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー catpow ベストアンサー率24% (620/2527) 2017/05/06 11:05 回答No.1 >>JQueryをHTML文書内に埋め込む(一緒に書く)ことはできますか? たとえば、PHPやjavascriptでやっているようにです。 PHPでもC#であっても、ブラウザに送られているものは、最終的にHTMLになっています。 JQueryはブラウザ側で処理されていますから、可能です。 >>できる場合、どのようにやればできますか? PHPで書かれたサイトなどにアクセスして、ブラウザに送られてきたHTMLを見れば分ると思いますよ。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発JavaScript 関連するQ&A Jqueryのajaxを用いてHTMLの読み込み こんにちは。 Jqueryのajaxで広告向けのJavaScriptが記述されたhtmlを取得し、関数【$("#ID").html(htmlソース);】を用いて、HTMLを読み込んだ際に、それに記述されているJavaScriptが動作してくれません。 読み込むHTMLに記述されているJavaScriptは以下です。 <script type="text/javascript" src="//xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script> ご存知の方がいらっしゃいましたら、教えて頂きたいです。 javascriptとjQueryについて javascriptの基礎部分を学びその後、jQueryを学習しました。 ある程度jQueryはできるようになりました。 しかしjQueryはjavascriptのライブラリでjavascriptを簡単に書けるということなのでjavascriptも深いところまで学習すべきか迷っています。 jQueryを学習したのならjavascriptは深いところまでしなくてもいいのでしょうか? やはり使用用途で学習するべきとか変わってくるものなのでしょうか? もし変わってくる場合、こういうことがしたいならjQueryではできないからjavascriptも学習すべきなど簡単な例など出せれたらよろしくお願いします。 現在はPHPとmySQLを学習しています。 質問文が下手で伝わりにくいかもしれないですがよろしくお願いします。 CakePHPでjQueryを使うには ローカル環境にてCakePHPでwebサービスを制作しています。 ブラウザでviewを確認しながら構築しているのですが、この環境でgoogleAPIのjQueryを動作させることは出来るのでしょうか? もしできるとしたら、 <?php echo $this->Html->script('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');?> <script type="text/javascript"> jQuery('#more').click(function(){$('innerboxes').clone().appendTo('box')}); </script> で動かないのは何が問題なのでしょうか? また、googleAPIを使わない方法でも以下のように試しましたが、これも動かない原因はどこにあるのでしょうか? jQueryのホームページでver1.5のソースをコピーし作ったjQuery1.5.jsを、 webroot /jsに入れる。 Controllerに var $helpers=array('Ajax','Javascript'); を記述。 Viewに、 <?php echo $javascript->link('jQuery.1.5.js'); ?> <script type="text/javascript"> jQuery('#more').click(function(){$('innerboxes').clone().appendTo('box')}); </script> 宜しくお願いします。 ネットワークエンジニアとは?技術職の未来を考える OKWAVE コラム jQueryでの書き方について HTMLファイルから読み込まれるJavaScriptファイルに次のような書き方がありました。 (function($){ $(function(){ // DOM操作などの処理を記述 ... ... }); })(jQuery); このような書き方を初めて見たのですが、これはどのような意図があるのでしょうか? HTMLの読み込みが完了してから処理を始めるように、次のような書き方はよく見るのですが、これとは何が違い、どう使い分けるのでしょうか? $(function(){ // DOM操作などの処理を記述 ... ... }); ■環境 jQuery 2.1.3 javascript・Jqueryなにをどこまで? 本を使ってjavascriptの勉強を始めました。 使用している本→(よくわかるJavaScriptの教科書) ●勉強の動機 javascript勉強の動機ですが、現在スマフォサイトのマークア ップをメインに仕事をしており、今後もさらにjavascriptでの技術が使用されると思い始めました! ●疑問 javascriptを簡単に使用できるJQueryの使い方も書いてあり、 jQueryだけを覚えるだけで、難しいjavascriptを覚える必要があるのか疑問に思ってます。 他のサイトでjavascriptを覚えないとJQeryサンプルの編集ができないため、覚える必要があると 書いてありましたが、そのようにサンプルを編集する機会は実際どの多いのでしょうか。 また、話が変わりますが、フロントエンジニアに皆さん求めるレベルなどがありましたら、教えてほしいです。 ●今私ができる事 HTML5 CSS PHPの基礎は理解しています。 JQeryを使った、画像の切り替えやslideDown等を使った簡単な動きを書くこと。 長文になりましたら、どうぞよろしくお願いします。 jQuery http://bmath.org/wordpress/?p=663 上記を参考にWEBページをつくってみたのですが、上手くいきません。 javascript部分をhtmlの <script type="text/javascript" src="js/site.js"></script>にいれたからでしょうか? また、jsフォルダは<script type="text/javascript" src="js/jquery.scrollTo-min.js">ではなく、jquery.scrollTo-1.4.3.1を使っています。 よきアドバイスお願いします。 HTMLファイル2へ渡しjQuery HTMLファイルからHTMLファイルへ移動するときに、 HTMLファイル1の値をpostで HTMLファイル2へ渡しjQueryで HTMLファイル1の値を表示させるプログラムがわかりません jQueryの導入について お世話になります。 PHPでサイトを構築しているのですが、 AJAXを導入したくてjQueryのAJAXライブラリを使おうと思っております。 jQueryは従来のJavaScriptとは違い、 構文の書き方やイベント処理等が、 独特な書き方になると思います。 jQueryを使用する際は、 すべてのJavaScriptをjQueryの方式で構文を書くか、 必要箇所だけjQueryを使用し、 あとは従来のJavaScriptの方式で構文を書くか悩んでいます。 今後どちらの方が良いでしょうか。 ちなみに私はすべての構文をjQuery風に書いた方が、 スマートになるかなと思っております。 よろしくお願い致します。 JQueryはもう古いのですか? Webデザインの勉強をしていて、HTML5とCSS3をようやく覚えてきたのでJQueryを習おうかと思ったのですが、周囲からは「これからの時代はVue.jsだ」と言われました。そもそもJavaScript自体おろそかなのにこんな事を質問するのもおかしな話ですが、実際のところ、現場ではJQueryからVueへの移行が顕著なのでしょうか?今更JQueryを勉強するのは得策ではないのでしょうか? 分かりやすい回答をお待ちしております。どうぞ宜しくお願い致します。 OS Windows10 Ajax jQuery HTML5 って全部一緒? 素人質問ですいません! Webディレクターを目指しているのですが、FLASHっぽいアニメーションを最近ではiPadなどに対応させる為に、AjaxやらjQueryとかHTML5とかで実現できると良く話を聞きます。 JAVA Script と CSS をつかって実現しているとか?色々な技術が組み合わさっているとか?? そもそもAjax=jQuery?など、用語同士の親子関係も解りませぬ。 色々とネットで見てみたのですが、読んでいるとすぐに専門的な話に潜り込んでしまって解らないので、どなたか、まぁるく、やさしく、解説をお願い出来ませんでしょうか? jqueryとphpで変数をやり取りしたい jqueryとphpで変数をやり取りしたい こんばんは 現在jqueryとphpのやり取りを模索しています phpで定義した変数(仮に$dataPHPとして)に文字列を入れておきます それを外部のjqueryにどうにかして渡す(この『渡す』方法が分からない・・・) そして、jquery内で受け取った変数から色々処理をして、最終的に今度は別の変数(また仮に$dataJQUERYとします)をPHPに渡します PHPではその変数を受け取り、以降の処理を進めていく、というものです 『jquery php データ 渡す』などで調べてみると、$.ajaxや$.postを使うとデータを渡せるとあり、実際にサンプルプログラムを動かしてみました しかし、javascriptからphpにデータを送ることはできても、コールバック関数というものでjavascriptに返ってきたり、innerHTMLで直接埋め込んでしまったりと、純粋に変数として保持できる方法が見つかりませんでした jqueryとphpで自由に変数を渡しあえる方法はないのでしょうか? 現在の環境はjquery1.4.2、php5、apache2、IE7です どうぞご教授願います HTML文書に変換するのはどうすれば良いか教えて WORD文書をHTML文書に変換するのはどうすれば良いのでしょうか。 文書を保存する時、「ファイルの種類」にXML文書は出てきますがHTML文書が出てきません。 文書の一部をコピーする時は「形式を選択して貼り付け」にはHTML形式と出てきますが、コピー後の文書を保存する時は、同じく、「ファイルの種類」にXML文書は出てきますがHTML文書が出てきません。 何か初歩的な質問で申し訳ありませんが、どうしても判らず、頭を抱えています。 よろしくお願いします。 AIは使う人の年齢や市場にも影響する?人工知能の可能性 OKWAVE コラム IEにおいてjqueryが動いてくれません 初めて投稿させていただきます。 只今、jqueryを使用してjavascriptを書いているのですが、firefoxでは正しく動作するのに、IEでは動作してくれないのです。是非この問題を解いてください。 私のやろうとしていることは、画面遷移をなくしてコンテンツ部分の情報を変えていきたいと思っているのですが、コンテンツ部分は別ファイルにて記述し、インデックスページから$(~).load(~)や、$.get(~)を使用して呼び出しているのです。 呼び出すファイルはphpで、その中にはphpとjavascript、コンテンツ部分のhtmlが記述されています。 firefoxでそれを動作させたところ、phpもjavascriptもhtmlも問題なく動作してくれるのですが、IEで動作させたところ、どうやらjavascriptが動いていない模様なのです。 IEの場合、$(~).load(~)で呼び出すと、javascriptは解釈してくれないのでしょうか?ご回答よろしくお願いいたします。 HTMLは必ず使われてるのでしょうか? どのサイトやホームページもHTMLは必ず使われてるのでしょうか? JavaScriptやPHPやCGIで書かれているページも HTMLは必ず使われてるのでしょうか? jQueryのloadで外部HTMLを読みたい jQueryのloadで外部HTMLを読みたいのですが、うまくいきません。 原因は外部HTMLがshift-jisで作成されているからのようです。 Win IE6では完全に表示されず、 Win Firefoxでは文字化けを起こし、 Win Chromeでは正常に動作しました。 なお「外部HTMLはshift-jisのまま」「サーバ上で動作するプログラム(PHP,Perl,Ruby等)は使用しない」方法で、解決したいです。 ecl.jsの利用なども考えましたが、私には難しかったようです…。 何かご存知の方がいらっしゃればお教えください。 よろしくお願いいたします。 javasc jQuery javascript初心者です。 jsファイルに、javascriptやjQueryを書いていますが、混乱しています。 例えば、自分が作った関数内で、この処理は、javascriptとjQueryどちらで書けばいいのか? といつも迷っています。 jQuery自体javascriptで書かれているので、jQueryで書く処理はjavascriptでも書けるのは当然だと思いますが・・・。 ただ、javascriptで書かいたりjQueryで書いたり統一性がなくなっています。 思い切って、使い慣れたjavascirptを忘れて全部jQueryで書く練習をすべきでしょうか? それとも、柔軟性を持ってその場に応じて使い分けた方が良いのでしょうか? javascirt appendchild jQuery append などなど 趣味でやっているので、他人は読みません。 IEでのjQuery の実装について 教えてください。 現在、jQuery の jqplot を利用してグラフの表示を検討しております。 HTML(ブラウザ:IE,chrome)での表示は問題なく行われますが、 HTMLをASPファイル内に組み込んでページを表示させようとすると chromeでは問題なくグラフが表示されますが、IEではエラーが発生します。 IEでも動作するようにするためのアドバイスをお願いします。 以下、ロジックです。 <!-- jQuery グラフ表示部 ここから --> <script language="javascript" type="text/javascript" src="../jQuery/jquery-1.9.0.min.js"></script> <!--[if lt IE 9]> <script language="javascript" type="text/javascript" src="../jQuery/excanvas.min.js"></script> <![endif]--> <script language="javascript" type="text/javascript" src="../jQuery/jquery.jqplot.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.barRenderer.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.categoryAxisRenderer.min.js"></script> <link rel="stylesheet" type="text/css" href="../jQuery/jquery.jqplot.min.css" /> <script> jQuery( function() { jQuery . jqplot( 'jqPlot-sample', [ [ [ '4月', 65 ], [ '5月', 72 ], [ '6月', 74 ], [ '7月', 63 ], [ '8月', 85 ], [ '9月', 90 ] ] ], { animate: true, seriesDefaults: { renderer: jQuery . jqplot . BarRenderer, }, axes: { xaxis: { renderer: jQuery . jqplot . CategoryAxisRenderer, } } } ); } ); </script> <!-- jQueryグラフ表示部 ここまで --> html部分 <div id="jqPlot-sample" style="height: 300px; width: 300px;"></div> jQuery jQueryというのは、JavaScriptで作られた関数、 JavaScriptで使える関数 ということであってますか? Jquery.ajaxでHTML読み込み 現在、Jquery.ajaxを使って外部HTMLの読み込み処理を行い、処理完了後にフェードで表示させるということをしているのですが、読み込んだHTMLに貼り付けてある画像が読み込まれる前にHTMLが表示されてしまい、困っています。 Jquery.ajaxでは内包されている画像の監視まではできないのでしょうか? 下記が今作っているコードです。 $contest.css({ "opacity": 0 }); $.ajax({ type: "GET", url: "hoge.html" dataType: "html", success: function(data) { $contest.html($(data).find("#hoge")); }, complete: function() { $contest.stop().animate({ "opacity": 1 }, 1000, "easeOutCubic"); } }); おわかりになる方、ご教授お願いします。 同HTML内で複数のjQueryを設置する方法 複数のjQueryを使用し、 タブメニュータイプのものと自動スライドショータイプのを 同じHTML内にいれようとしていますが、 片方のみしか作動しません。 色々と探した結果、複数使う場合はちゃんとした記述方法があるということがわかったのですが、その方法が詳しくわかりません。 http://stacktrace.jp/jquery/with_other_lib.html こちらのサイトでは意味がわからず・・・ 使用しているものは以下です。 ---------------------------------------- <script type="text/javascript" src="js3/accordian.pack.js"></script> <script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js2/jquery.galleryview-1.1.js"></script> <script type="text/javascript" src="js2/jquery.timers-1.1.2.js"></script> <script type="text/javascript" src="js2/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#photos').galleryView({ filmstrip_size: 6, frame_width: 145, frame_height: 160, background_color: 'transparent', nav_theme: 'dark', border: 'none', show_captions:true, caption_text_color: 'black' }); }); </script> ---------------------------------------- タブメニューがaccordian.pack.js、 その下のすべてがスライドショーのものです。 スライドショーはこちらを参考にしてつくりました。 http://spaceforaname.com/filmstrip.html 本当に困っております。 どうかご回答お願い致します。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など