【jQuery】アニメーション

JS/jQuery

jQueryの関数を利用して、簡単なアニメーションを表示します。表示・非表示 $( セレクタ ).show( スピード );//表示 $( セレクタ ).hide( スピード );//非表示アニメーションはslow、fastまたは数値（1秒=1000）で指定します。実行例 <html> <head> <meta charset="utf-8"> <title>アニメ</title> <script src="../../js/jquery-1.11.1.min.js"></script> <style> div{ wi</meta></head></html>…

2014-10-14

【jQuery】イベントで属性を操作する

JS/jQuery

イベントを使い属性の内容を変えます。 click()メソッドで、イベントを実行します。実行例ボタンで画像切り替えボタンが押されたときを切欠に画像切り替えを行います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>click()イベント</title> <script src="../../js/jquery-1.11.1.min.js"></script> <style> button{ cursor: pointer; } </style> </head> <body> <p><button>画像を…</button></p></body></html>

2014-10-14

【jQuery】 htmlを操作するメソッド2（HTMLの移動）

JS/jQuery

【jQuery】 htmlを操作するメソッド - PCゲーマーのWebデザイン備忘録 HTMLの移動を行うメソッドについて学んでいきます。要素内の前か後ろに移動prependTo（前）とappendTo（後）を使うことによって、別な要素内にHTMLを移動させることができます。 <p id="first">テキス</p>…