jQueryを使ってHTMLタグの属性値を書き換えるサンプルコードです。属性値を書き換えるにはattrメソッドを使用します。属性値を書き換えることでどんなことができるのか具体的なサンプルコードで紹介します。
画像を差し替える
画像がクリックされたら自分のsrc属性の値を上書きして別の画像に差し替えます。
[html]
[/html]
クラス名を変更する
テキストがクリックされたら自分のclass属性の値を上書きして予めCSSに記述していた別のスタイルを適用します。
[html]
サンプルテキスト
[/html]
この写真素材はStocker.jpさんからダウンロードさせて頂きました。