「JQuery」の版間の差分
提供: sha.ngri.la
(ページの作成:「==ボタンをクリックすると表示が切り替わる== <html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $...」) |
|||
(同じ利用者による、間の3版が非表示) | |||
1行目: | 1行目: | ||
==ボタンをクリックすると表示が切り替わる== | ==ボタンをクリックすると表示が切り替わる== | ||
+ | <code>toggle</code>のボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。 | ||
<html> | <html> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | ||
14行目: | 15行目: | ||
<p class="toggle" style="display: none">さよなら</p> | <p class="toggle" style="display: none">さよなら</p> | ||
</html> | </html> | ||
+ | <pre> | ||
+ | <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> | ||
+ | </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 検索] | ||
+ | |||
+ | |||
+ | [[Category:jQuery]] | ||
+ | [[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>