「JQuery」の版間の差分

提供: sha.ngri.la
移動先: 案内検索
(ボタンをクリックすると表示が切り替わる)
 
1行目: 1行目:
{{googlead}}
 
 
==ボタンをクリックすると表示が切り替わる==
 
==ボタンをクリックすると表示が切り替わる==
 
<code>toggle</code>のボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。
 
<code>toggle</code>のボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。
34行目: 33行目:
 
[https://www.google.co.jp/search?q=%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E3%82%A2%E3%83%B3%E3%83%89%E3%83%89%E3%83%AD%E3%83%83%E3%83%97+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&oq=%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E3%82%A2%E3%83%B3%E3%83%89%E3%83%89%E3%83%AD%E3%83%83%E3%83%97+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&aqs=chrome ドラッグアンドドロップ アップロード - Google 検索]
 
[https://www.google.co.jp/search?q=%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E3%82%A2%E3%83%B3%E3%83%89%E3%83%89%E3%83%AD%E3%83%83%E3%83%97+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&oq=%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E3%82%A2%E3%83%B3%E3%83%89%E3%83%89%E3%83%AD%E3%83%83%E3%83%97+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&aqs=chrome ドラッグアンドドロップ アップロード - Google 検索]
  
{{googlead}}
+
 
 
[[Category:jQuery]]
 
[[Category:jQuery]]
 
[[Category:JavaScript]]
 
[[Category:JavaScript]]

2017年8月2日 (水) 04:15時点における最新版

ボタンをクリックすると表示が切り替わる

toggleのボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。

こんにちは

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
	$(function(){
		$("button").click(function () {
			$("p.toggle").toggle();
		});
	});
</script>

<button>Toggle</button>
<p class="toggle">こんにちは</p>
<p class="toggle" style="display: none">さよなら</p>

Drag & Dropでファイルをアップロードする。

ドラッグアンドドロップ アップロード - Google 検索