jQuery

jQuery で複数の ID をまとめて選択する方法

今回は jQuery で複数の ID の要素をまとめて選択する方法について。

jQuery ではワイルドカード指定はできないため別の方法を使うことになります。 Zepto.js でも同じです。

次のような形で ID に一定のパターンのある要素をまとめて選択したいケースがある場合。

<div id="header-1">hello</div>
<div id="header-2">world</div>

複数の要素をそのまま並べてもいいのですが、この方法だとあまりきれいではありません。

JavaScript でページ読み込み時にページをふんわりと表示させる方法

JavaScript を使って HTML ページの読み込み時にページをふんわりとフェードインで表示させる方法をご紹介します。

フェードインで表示させるには、ページの opacity をいったん 0 (透明)にしておいてその後にアニメーションで 1 (不透明)に戻していきます。 jQuery を使うとアニメーション処理がかんたんです。

jQuery で複数のクラスをまとめて追加する方法

jQuery で複数のクラスをまとめて追加する方法について。フォントアイコンなどを使うときなんかに便利です。

単純に addClass() メソッドに空白区切りで複数のクラス名を渡せば OK です。

$('a').addClass('fa fa-external-link');

逆に複数のクラスを削除する場合も同様の書き方で行けます。

$('a').addClass('fa fa-external-link');

便利ですねぇ。