JavaScriptでjQueryライブラリを使う：向日葵工房２：SSブログ

	ブログをはじめるログイン

Googleをサーバーとしてウェブサイト..｜病人が増えないと医者が儲からない件ブログトップ

JavaScriptでjQueryライブラリを使う　[プログラミング] [編集]

こんにちは。最近JavaScriptを勉強していますが，今日はJavaScriptユーザーの多くが使っているというライブラリであるjQueryを使ってみました。ぐぐってみればわかるとおり，jQueryライブラリは超有名です。JavaScriptで書かれたオープンソースであるという手軽さわかりやすさもあって，よく普及しているようです。ワタクシの比喩では，JavaScriptが「ひらがな」だとすればiQueryは「漢字」です。ひらがなだけでも意思疎通は図れるのですが，漢字と併用することで，より少ない文字数で豊かなメッセージを伝えることができる，みたいな。

jQueryの学習が不十分な中，とりあえずこんなものを作ってみました。ポイントは，自分でダウンロードするのでなく，Googleサーバーにあるリンクを参照するということです。

参考サイト：
http://libro.tuyano.com/index2?id=52003
http://happymondays.pecori.jp/jquery-sample/

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="UTF-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<title>てすと</title>
</head>

<body>
<script type="text/javascript">
$(function(){
 $(".img").click(function(){
  $("#slide").slideToggle("slow");
 });
});
</script>
<a href="#" class="img"><img src="Img1_jQuerySample.png"/></a>
<br/>
<div id="slide">
<img src="Img2_jQuerySample.png"/>
</div>
<a href="#" class="img"><img src="Img1_jQuerySample.png"/></a>
</body>

</html>

Googleドライブにあげておいたので，具体的な動きについては以下のリンクをご参照願います。おしまい。

https://googledrive.com/host/0B3ZAVh2G4IkoR3h5Nzg1TE4tMk0/jQuerySample.html#

補足１）ブラウザがInternet Explorer 6の場合は，jQueryのバージョンを1.9.1以下にする必要があります。

2014-02-23 20:29 nice!(0) コメント(0) トラックバック(0)