「JQuery」の版間の差分
提供: sha.ngri.la
細 |
細 (→ボタンをクリックすると表示が切り替わる) |
||
| 30行目: | 30行目: | ||
<p class="toggle" style="display: none">さよなら</p> | <p class="toggle" style="display: none">さよなら</p> | ||
</pre> | </pre> | ||
| + | |||
| + | ==Drag & Dropでファイルをアップロードする。== | ||
| + | [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}} | {{googlead}} | ||
[[Category:jQuery]] | [[Category:jQuery]] | ||
[[Category:JavaScript]] | [[Category:JavaScript]] | ||
2017年6月5日 (月) 06:33時点における版
ボタンをクリックすると表示が切り替わる
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 検索