JQuery

提供:onlinehacks
2023年11月14日 (火) 06:48時点におけるTara.ttm (トーク | 投稿記録)による版 (ページの作成:「==ボタンをクリックすると表示が切り替わる== <code>toggle</code>のボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。 <html> <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" st…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

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

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 検索