JavaScript -> jQuery

prototype.jsとの共存

prototype.jsと共存させる方法

記述例コード

prototype.jsの後ろにjquery.jsを記述する
<head>
	<script type="text/javascript" src="./js/prototype.js"></script>
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript">
		jQuery.noConflict();
	</script>
</head>

$ 部分を全て jQueryに変更する
<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("button.hide").click(function(){
			jQuery("#Sumple_jQ_main").fadeOut("slow");
			jQuery("button.show").show("slow");
			jQuery("button.hide").hide("slow");
		})
		jQuery("button.show").click(function(){
			jQuery("#Sumple_jQ_main").slideDown();
			jQuery("button.show").hide("slow");
			jQuery("button.hide").show("slow");
		})
	});
</script>

別の記述方法

jQuery を j$ 変数に置き換える
<head>
	<script type="text/javascript" src="./js/prototype.js"></script>
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript">
		jQuery.noConflict();
		var j$ = jQuery;
	</script>
</head>

$ 部分を全て j$に変更する
<script type="text/javascript">
	j$(document).ready(function(){
		j$("button.hide").click(function(){
			j$("#Sumple_jQ_main").fadeOut("slow");
			j$("button.show").show("slow");
			j$("button.hide").hide("slow");
		})
		j$("button.show").click(function(){
			j$("#Sumple_jQ_main").slideDown();
			j$("button.show").hide("slow");
			j$("button.hide").show("slow");
		})
	});
</script>



      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