忙しい現代人の腰&肩のお悩み対策!

既存サイトのjQueryのバージョンの確認方法
以前、こちらでfirebugという拡張機能を教えていただいたのですが、
この機能で、使用されているjQueryのバージョンを確認する事はできますか?

上部メニューからHTMLを選んでコードを見ると
bodyの中に
色んなプラグイン、例えば
/js/FlexSlider/jquery.flexslider-min.js?ver=2.2.2
jplayer.playlist.min.js?ver=2.3.0

などの記載があります。
バージョンがバラバラなのですが。。。
大元のバージョンってどこを見れば確認できますか?

下記のような記述だと、バージョンが1.11.1だとすぐ分かるのですが。。。


また、確認を行いたいページで alert($.fn.jquery);のjavascriptを実行し、
アラートで下記のように表示される方法もあるようですが、
まったく手順がわかりません。
<script></script>の中に記述するのでしょうか。。。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery TIPS</title>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></s
<script>
window.alert($.fn.jquery);
</script>
</body>
</html>

分かりやすく簡単な方法がありましたら
教えて下さい。
よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

こんにちは。



<script>
window.alert($.fn.jquery);
</script>

↑すでにjqueryは読み込まれていると思うので、これのみをbody内に書いて、ブラウザで確認すればいいだけだと思います。
ただ、これは自分でHTMLを持っていて書き込み出来る場合のみしか使えません。


あと、HTMLのhead内に何かしら書いてないですか?
例えば
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
とか
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
とか。

>jquery.flexslider-min.js?ver=2.2.2
>jplayer.playlist.min.js?ver=2.3.0
>バージョンがバラバラなのですが。。。
これはjQuery本体のバージョンじゃなくて、そのプラグインなどのバージョンなので、無視してよいです。

だいたい、jQuery本体をダウンロードして使っている場合、ファイル名はそのままだったりするので、ファイル名を見ればバージョンはわかるのですが、
たまにjQuery本体のファイル名を変更していることもあるので、その場合は、ファイル名から本体かな?とあたりをつけて、中身を見れば先頭に/*! jQuery v●.●.● jquery.comみたいにバージョンが書いてあると思います。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q英語で「個数」「件数」は?

質問は単純です。
英語で「個数」や「件数」をなんというか、です。

とりあえず、思いついたのは、numberでした。
たとえば、「りんごの個数」は"a number of apples"ですか?
でも、"a number of"は「いくつかの」という意味ですよね。

「データの件数」は"a number of data"でしょうか?

私は英語はほとんど出来ませんが、numberは「個数」というよりも「番号」という意味であるような気がしてなりません。

Aベストアンサー

>「個数」や「件数」をなんというか、です。
>とりあえず、思いついたのは、numberでした。
意外に思われるかもしれまんせんが、語の選択はnumberであっています、と思います。

>「りんごの個数」
the number of (the) apples

>「データの件数」
the number of (the) data

>numberは「個数」というよりも「番号」という意味であるような気がしてなりません。
実は、昔、私も、「個数や件数はなんていうのかな、え、number? え、本当?」と、奇異に感じたことを、思い出しました。

Qタグは大文字と小文字どちらが良い?

いつも
http://www.tagindex.com/hp_guide/title/01.html
こちらのサイトを参考にさせていただいているのですが、
全て大文字になっています。

タグは大文字のほうが良いのでしょうか?

Aベストアンサー

タグではなく要素名(Element Name)ですね。
HTMLの仕様では
『要素名には、常に大文字小文字の区別はない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.2.1 )』となっています。

 少し歴史の話を・・
HTMLは、SGMLというマークアップ言語を参考に作られたもので、人が扱いやすいように
・HTML要素型の中には、著者が終了タグを省略することを許容するものもある。
・HTMLの要素型には、内容が存在しないものもある。
など
( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.2.1 )

 HTMLは、上記のHTML4.01が最終バージョンで、以後はHTMLをXMLに書き直したものに移行する予定でした。実際にHTML4.01をそのままXMLにしたXHTML1.0,ついでXHTML1.1まで勧告され、XHTML2.0の準備の段階で、難しいXHTMLではなくHTMLの改訂を求めるベンダーがHTMLの改訂を進めていきました。そして、XHTML2.0の改訂は中断され、HTML5に集約されることになりました。
 このあたりの事情は
 ⇒HTML5が持つ本当の意味 - @IT( http://www.atmarkit.co.jp/news/200801/25/html.html )
 ⇒連載インデックス「HTML5“とか”アプリ開発入門」 - @IT( http://www.atmarkit.co.jp/fwcr/design/index/index_html5appli.html )

 元に戻ります。
HTML5でも、HTML4.01のままの仕様ですが、XHTML/XMLとHTMLの違いは
・要素名、属性名は必ず小文字で書く<html>,<body>,<p>・・
・属性の値は必ず""で括る <table border=1>→<table border="1">
・空要素は/>で閉じる。<br> → <br/>
など・・
 これらは、HTMLを作成するときも参考にされて、現在の主流はXHTMLと同じ書き方をとることが多いです。
 それは、そのまま、あるいはわずかな変更で、XHTML/XMLとして活用できるからです。
 XHTML/XMLは文書の形が【人に対しては】厳しいですが、機械にとっては極めて扱いやすいのです。プログラムがいちいち、このタグは次にこのタグが現れたから閉じタグが省略されているはず・・・なんて処理/考えなくてすむからです。
Wikiの説明
 XML: http://ja.wikipedia.org/wiki/XML
 XHTML: http://ja.wikipedia.org/wiki/XHTML

>こちらのサイトを参考にさせていただいているのですが、
 参考にされないほうが良いと思います。
 ご自身も書かれているように
 ⇒ガイドの内容がかなり旧式のため、今後リニューアルすることを検討しています。(いつになるかわかりませんけど…)( http://www.tagindex.com/hp_guide/index.html )

 とっても古くて悪い見本になってしまっています。1999年のHTML4.01の勧告のと当時でさえ
 ⇒HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )
 ⇒単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )
 ⇒bgcolor = color [CI] 推奨しない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#adef-bgcolor )
となっていたものばかりです。

 特に
 ⇒2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )
 にはまったく配慮されていません。

 HTML5を目前にした現在では、HTMLは文書構造だけを記述して、プレゼンテーション(表現)はすべてスタイルシートに任せることが多くなりました。HTML5ではプレゼンテーションに関わる要素や属性はすべて廃止されます。

 今から学ばれるなら、HTML4.01strictで学んでください。transitinalよりずっと簡単です。これを身につけたら、HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff )を理解するくらいでHTML5も簡単でしょう。HTML5は大きな仕様でいきなり学ぶのは困難ですから。

※作成したHTMLを
 ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
の右上の[DATA]をクリックして、貼り付けてチェックしてみてください。
★そのとき、下のオプションでHTML4.01strictを選択するか、最初に
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
・・以下省略・・
 で書き始めてチェックすること!!

 

タグではなく要素名(Element Name)ですね。
HTMLの仕様では
『要素名には、常に大文字小文字の区別はない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.2.1 )』となっています。

 少し歴史の話を・・
HTMLは、SGMLというマークアップ言語を参考に作られたもので、人が扱いやすいように
・HTML要素型の中には、著者が終了タグを省略することを許容するものもある。
・HTMLの要素型には、内容が存在しないものもある。
など
( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-htm...続きを読む

Qディスク上のサイズとサイズはどうして違うんですか?

ファイルのプロパティ「全般」タブに表示されている「サイズ」と「ディスク上のサイズ」は、どっちが本当のサイズなのでしょうか?
どうしてサイズが違うのですか?
メールでファイルを送るときは、どっちのサイズを見ればいいのでしょうか?
これについて詳しく解説しているページがあったら、それもぜひ教えて下さい。
よろしくお願いします。

Aベストアンサー

「サイズ」はファイルの本当の大きさ、
「ディスク上のサイズ」はファイルが記録されているクラスタを合計した大きさです、
OSはファイルを幾つかのクラスタ(OSが管理するハードディスク上のブロック
の最小単位)を使ってHDDなどのメディアに保存します、

基本的に今のWindowsでは4KBのクラスタサイズで管理しているので例え1バイトのファイルでも「ディスク上のサイズ」4KBのサイズになってしまいます、
つまり常に「ディスク上のサイズ」の方が大きくなっているはずです、

メールに添付する場合は「サイズ」を確認するだけでOKです。

Q同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


本当に困っております。
どうかご回答お願い致します。

複数のjQueryを使用し、
タブメニュータイプのものと自動スライドショータイプのを
同じHTML内にいれようとしていますが、
片方のみしか作動しません。

色々と探した結果、複数使う場合はちゃんとした記述方法があるということがわかったのですが、その方法が詳しくわかりません。
http://stacktrace.jp/jquery/with_other_lib.html
こちらのサイトでは意味がわからず・・・

使用しているものは以下です。
----------------------------------------
<script type="text/javascript" src="js3/accordian.pack.js...続きを読む

Aベストアンサー

accordian.pack.jsはグローバルで$関数を定義しています。
jQueryはそれを上書きしますからjQueryのあとにaccordian.pack.jsを読み込んで下さい。

<script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js3/accordian.pack.js"></script>

逆にjQuery側はグローバルの$が使えなくなるので以下に書き換えます。
他3つのプラグインはグローバルの$を参照してませんから、そのままで修正の必要はないです。

<script type="text/javascript">
jQuery(document).ready(function($) {
...

readyのコールバック関数はjQueryへの参照を引数に渡して実行されます。
これは$(document).ready(callback)のショートカット$(callback)も同じです。

accordian.pack.jsはグローバルで$関数を定義しています。
jQueryはそれを上書きしますからjQueryのあとにaccordian.pack.jsを読み込んで下さい。

<script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js3/accordian.pack.js"></script>

逆にjQuery側はグローバルの$が使えなくなるので以下に書き換えます。
他3つのプラグインはグローバルの$を参照してませんから、そのままで修正の必要はないです。

<script type="text/javascript">
jQuery(docum...続きを読む

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Qpingでポートの指定

pingでIPアドレスを指定して、通信できるかどうかというのは
よく使いますが、pingでポートを指定して応答するかどうかは調べられるのでしょうか?

よろしくお願いします

Aベストアンサー

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含むICMP)ではできません。

FTPの疎通確認であれば、クライアントからサーバに対するTCP/21通信(FTP-CMD)が可能であること(サーバからクライアントへのTCP/21からの応答を含む)+サーバからクライアントに対するTCP/20通信(FTP-DATA)が可能であること(クライアントからサーバへのTCP/21からの応答を含む)が必要でしょう。

監視ソフトによるものであれば、
・クライアントからサーバへのログイン(TCP/21)
・クライアントからサーバへのlsの結果(TCP/20)
で確認すればよいでしょう。

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含む...続きを読む


人気Q&Aランキング