• ベストアンサー

jQueryでDOM要素の関数を実行する方法？

jQueryでDOM要素の関数を実行する方法？ HTML5のメディア要素のplay()をjQueryで実行したいです。 最後の行のJavaScriptで書いてあるものをjQeuryで書き換えたいのですが、 どなたか分かる方はいらっしゃいますか？ html側 <video id="myVideo"> js側 document.getElementById("myVideo").play();

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

そのままでも同じことだと思うけれど、$マークを使いたいのなら・・・ $("#myVideo").get(0).play()

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • DOMは、javascriptではないのでしょうか

    ある要素にアクセスする場合、 例えば、 document.form1.hoge;てしたり、 document.getElementsByName('hoge');てしたり、 jQueryを使ったりする方法があるかと思うのですが、 このgetElementsByName()メソッドは、 javascriptではないのでしょうか？ 調べると、 DOMのAPIとかって、書いてあるのですが、 XMLとか、JSONみたいな、単なる仕様なのでしょうか？ そうすると、PHPとかでも、getElementsByNameは使えるのでしょうか？ あるいは、javascriptに特化したメソッドなのでしょうか？ javascriptを書くとき、 書き方が色々あるので、 どれを選択すればよいかいつも迷うのですが、 DOMを使ってできる処理は、 一般的には、DOMで書くのでしょうか？ DOMのデメリットとしては、 古いブラウザが対応してない、ぐらいしか思い浮かばないのですが、 DOMとjavascriptは対等な関係で、 使わなくてもいいけど、 使ったほうが便利、みたいな認識でいいのでしょうか？ DOMでしかできない処理みたいなのはあるのでしょうか？

  • JavascriptのDOMについて

    JavascriptのDOMについて <textarea id="ta"></textarea> というHTMLがあり、Javascriptで、 document.getElementById("ta").value = "test"; とすれば表示されますが、この .valueプロパティを知らずに最初 .innerHTMLとしていました。 textareaのプロパティで書き込むのはvalueと知る方法が知りたいです。 知らない人は.valueすら想像できません。 皆さんは、どのようにしてプロパティを見つけているのでしょうか？

  • jQueryの多重読込

    2つのHTMLがあり、両方ともjQueryプラグインを使っています。 今回、a.html側に、jQuery loadで、b.htmlを読込みました。 ■a.html jQuery 本体 jQueryUI jQueryForm jQuery.HashChanged など基本js（多数） ■b.html jQuery.Gallerific jQuery.Fancybox jQuery.fixPing などメディア系統js（多数） ■困っていること 両方とも、$(function(){ ... }) 構文を使って、DOMの展開完了を待っているのですが、「読込まれる側=b,html」の、$(function(){ ... }) がうまく働いていないようなのです。 b.html 単体では何の問題もないのですが、a.htmlにloadされると、遅延読み込みがききません。 元である a.html で全部のjQuery プラグインを読むのは重すぎるため、各々で必要なプラグインを都度、読むようにしたいのですが、その場合、読み込まれる側の実行遅延（DOM展待ち）はどのようにしたらいいでしょうか？

  • JavascriptとJqueryを混在し記述

    JavascriptとJqueryが混在したスクリプトファイル（.js)の書き方について質問です。 Jquery自体がjavascriptで書かれており結局はjavascriptであるということは理解していますが 気になるので質問させてください。 通常、javascriptの書き方として、スクリプトやその関数定義を１つのjsファイルに書くと思いますが、 Jqueryが混在しても考えは一緒で、ただ、ページが全て読み込まれた後（要素を特定できるようにするため）に実行したい場合の スクリプトを $(function(){ //Jquryや通常のjavascript }); の中にこのように書けばいいって話ですよね？ つまり1つのjsファイル内に以下のようにスクリプトを混在させた書き方でもいいのですよね？ ===== script.js ====== //(1)Javaスクリプト　←jsファイルが読み込まれたら実行するスクリプト //関数定義 function test(){ //Javaスクリプト } //(2)Jquery　←ページが全て読み込まれた後で実行するスクリプト $(function(){ //Jqueryスクリプト //Javaスクリプト }); 初歩的なことかもしれませんがすいません。

  • javascriptとDOM

    javascriptを勉強中なのですが、 javascript形式とDOM形式の両方で、タグの操作が出来ると事を知りました。 例)threeは、imgのid名です。 javascript：　書き方：document.three.src="画像ファイル"; DOM　：　書き方： document.getElementById('three').src="画像ファイル"; 質問1：一般的には、javascriptでタグを操作したりするとは、「DOM」「javascript」どちらの形式で javascriptを記述することが多いのでしょうか？ 質問2：現在、DOMのほうが扱いやすいのかなと思ってはいるのですが、DOMの参考書を購入しようと考えた際、どのような参考書を買えばいいでしょうか。javascriptで使用することを考えています。 どなたかご教授いただけましたら幸いです。 よろしくお願いします。

  • 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での書き方について

    HTMLファイルから読み込まれるJavaScriptファイルに次のような書き方がありました。 (function($){ $(function(){ // DOM操作などの処理を記述 ... ... }); })(jQuery); このような書き方を初めて見たのですが、これはどのような意図があるのでしょうか？ HTMLの読み込みが完了してから処理を始めるように、次のような書き方はよく見るのですが、これとは何が違い、どう使い分けるのでしょうか？ $(function(){ // DOM操作などの処理を記述 ... ... }); ■環境 jQuery 2.1.3

  • アンドロイドの開発：domの様な物CSSの様な物

    アンドロイドアプリの開発を始めました。 なんだかxmlの書き方が、属性がいっぱいで 昔のHTMLに似ていると思いました。（スタイルなど全て属性に依存している？） この書き方はなんとなく非効率な感じがしました。 jsのgetElementByIdのようなIDが着いている 要素を探して処理させたり、 全ての要素をjavaのコードから変更できるような DOMにアクセスできるメソッドはありますか？ またCSSのようにxmlのIDを知っているだけでスタイルが付けられるような 仕組みはありますか？ 名前などを教えてください。 よろしくお願いします。

    • ベストアンサー
    • Java
  • JQUERYをはじめて導入したのですが、

    JQUERYをはじめて導入したのですが、 読込み部分の記述が間違っているのか 「$(document).ready(function(){」のところで一箇所エラーとなります。 「オブジェクトでサポートされてないプロパティまたはメソッドです」となります。 設定内容の、現状は下記です。 「validate」設定を実現したいためにjqueryを導入。 ・JQUERYは現在の最新版のものを入手。 ・読み込んだファイルは全く編集などはしてないもの。 ・パスなどの記述は間違っていないようです。確実にファイルは存在しております。 ・一応パーミッションも確認済みです。 ・id"form-host"もformタグに設定しております。 <script type="text/javascript" src="/common/js/jquery.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.pack.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.js"></script> <script type="text/javascript" src="/common/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.min.js"></script> <script type="text/javascript" src="/common/js/additional-methods.js"></script> <script type="text/javascript" src="/common/js/messages_ja.js"></script> <script type="text/javascript"> //入力チェック関数に対象フォームIDを指定 $(document).ready(function(){ $("#form-host").validate(); }); </script> jsファイルの読込みの順序が違うのでしょうか、 不必要なjsファイルを読み込んでしまっている？為なのか； validate関連を導入した事があるからいらっしゃれば、 ご教授願います。

  • javascript DOM

    javascript DOMについて DOMはドキュメントオブジェクトモデルの略だと思いますが、DOMそのものというのはブラウザ画面に映っているオブジェクトそのものという解釈で良いのでしょうか？ というのもjavascriptには「document.write()」というメソッドがあると思いますがdocumentはブラウザ画面そのものを指していて、writeは書く。直訳するとブラウザ画面に書くになると思いますが DOMもdocumentはブラウザ画面、オブジェクトはブラウザに移っているオブジェクト（<input type="button">など）、モデルは良くわからないのですが HTMLの画面に映っているタグ自体はDOMと呼ぶのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する