JavaScript -> jQuery

jQuery サンプル

サンプル

show(),hide(),fadeOut()

Main
Sub

コード

HeaderでjQueryのライブラリをロードする。
<head>
	<script type="text/javascript" src="./js/jquery-1.3.2.js"></script>
</head>

<script type="text/javascript">
	$(document).ready(function(){
		$("button.hide").click(function(){
			$("#Sumple_jQ_main").fadeOut("slow");
			$("button.show").show("slow");
			$("button.hide").hide("slow");
		})
		$("button.show").click(function(){
			$("#Sumple_jQ_main").slideDown();
			$("button.show").hide("slow");
			$("button.hide").show("slow");
		})
	});
</script>

<div>
  <button class="show" style="display:none">Show Main</button>
  <button class="hide" style="display:block">Hide Main</button>
</div>
<div id="Sumple_jQ_main">Main</div>
<div id="Sumple_jQ_sub">Sub</div>


      Document-Folder          一覧
HP-UX
HULFT
JAVA
JP1
JavaScript
Linux
MAC
PHP
Perl
Python
Ruby
SOA
Solaris
Unix全般
Windows
XML
エクセル
スタイルシート
セキュリティー
データベース
ネットワーク
パソコン
ブラウザ
プログラム構文
仮想化
          RSS-Folder
ニュース
   アットマーク・アイティ(@IT)
   シンクイット(ThinkIT)
   インターネットコム
   インターネットウォッチ
   日経IT-Pro
   日経パソコン
   CNET Japan
   ZD-NetJapan
   MYCOM
   RBB-Today
ベンダー
   日本IBM
   日本HP
   サンマイクロシステムズ
   NEC
   富士通
   日立
ソフトウェア
   マイクロソフト
   トレンドマイクロ
   オラクル
   サイボウズ
   Mozilla
   野村総合研究所
   (その他ソフトウェア企業)
更新履歴 一覧
 07/08 PERF
プログラム構文
 07/07 PERF
プログラム構文
 06/25 オブジェクトプログラミング2
Perl>サンプル
 07/12 クローン作成
仮想化>vCenter
 07/12 vyatta設定
ネットワーク>vyatta
 07/12 vyattaインストール
ネットワーク>vyatta
 07/12 リポジトリサーバ
Linux>サーバ構築
 07/05 VMwareのインストール
仮想化>VMware
 07/05 PXEブート
仮想化>KVM
 07/01 DHCPでのPXEブート
仮想化>KVM
 06/27 qcow2仮想DISK作成
仮想化>KVM
 06/13 NWの設定
仮想化>VMwareEsxi
 06/13 IPアドレスの変更
仮想化>VMwareEsxi
 06/12 自動ssh
Unix全般>シェル>Bash
 06/12 diffプログラミング
Python
Google