jQuery

スポンサーリンク
IT

jQueryでアニメーションの動きを途中でキャンセルする方法/stopメソッドの使い方

jQueryのanimateメソッドは一度全て実行しないと次の動作に移れないという性質を持ちますが、これをキャンセルしてすかさず次の動作に移れるようにしたのがstopメソッドです。
2019.06.28
IT
IT

jQueryでボタンを押すと目的の場所までスライドするリンクナビ（目次）を作る方法/offsetメソッドの使い方

目的の場所にリンクさせたいだけなら、要素にIDを付けておき、リンク先にID名を指定するだけで事足ります。しかしアニメーションしながらとなると、jQueryで「要素の高さ」を取得する必要が出てきます。
2019.05.20
IT
IT

cssで画面の右下に「トップへ戻る」ボタンや画像を固定する方法/position:fixedの使い方

position:fixedの使い方はわかった。ヘッダーを上に固定することもできるし、top:0、left:0で左上に固定することもできる。しかし右下によくある「トップへ戻る」ボタン、レスポンシブで画像のサイズに依存せず常に右下にあるあ...
2019.05.14
IT
IT

jQueryでマウスカーソルが乗ってる間だけボタンの見た目を変える方法/hoverイベントの使い方

CSSなどと同じようにhoverイベントでマウスが乗っている間の挙動を決めますが、jQueryの場合はセットで「カーソルが外れたとき」も一緒に記述することができます。CSS側で:hoverで指定するほうがシンプルかつ速いので、必然性がなけれ...
2019.05.10
IT
IT

jQueryでセレクタがクラスを持つ・持たないで条件分岐する方法/hasClassメソッドの使い方

jQueryでCSSを直接いじることもできますが、ある程度まとめて見た目を変更したい場合にはやはりクラスなどの付け替えが簡単です。「特定のクラスがセレクタに付いているかどうか」を判別できるhasClassメソッドを使えば、クリックするたびに...
2019.05.02
IT
IT

jQueryで要素をアニメーションさせながら表示する方法/show、fadeIn、slideDownメソッドの使い方

jQueryで要素を表示するだけであればshowメソッドだけで事足りますが、アニメーションしながら表示するということだと、いくつか種類があります。
2019.05.01
IT
IT

JavaScriptにjQueryを読み込む方法/ライブラリ、jQueryとは何か？

JavaScriptのライブラリ超定番、jQueryの読み込み方、およびそもそもjQueryとは何か、それ以前にライブラリとは何かについての記事です。
2019.03.21
IT
IT

JavaScriptの使い方・メソッド・プロパティまとめ

HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。
2019.02.23
IT