BLOG

jQueryで要素の扱い

WordPressのプラグインなど、直接HTMLを編集するのが困難な場合jQueryのDOM操作が役立ちます。

要素の移動させる

4つのポイントに要素を移動させることができます。それぞれ以下の通りです。

.insertBefore

移動させる要素を指定した要素の前に移動させます。

before

.insertBeforeでspanをpの前に持ってきます。

after

.insertAfter

移動させる要素を指定した要素の後に移動させます。

before

.insertAfterでspanをpの後に持ってきます。

after

.prependTo

移動させる要素を指定した要素の中の前に移動させます。

before

.prependToでspanをpの中の前に持ってきます。

after

.appendTo

移動させる要素を指定した要素の中の後に移動させます。

before

.appendToでspanをpの中の後に持ってきます。

after

要素を追加する

要素を追加する場合はも4つのポイントに追加できます。それぞれ要素移動のinsertとToをぬいた形です。

.before

.afte

.prepend

.append

要素の文字列置換

要素の文字列を置換する場合は.replaceを用います。

before

after

ちょっと忘備録的要素が強いですが、jQueryでフォームのバリデーションなどをする時にも役立つと思います。

    Sponsored Links

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です