カテゴリー:jQuery

クリック時に1文字目を切り替え

以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。

toggleメソッドを使用した表示・非表示の切り替え

以前紹介した「show・hideメソッドを使用した要素の表示・非表示」で言っていました。表示・非表示の切り替えについて、show・hideを使用せず、ここでは、toggle(トグル)メソッドを使用してみます。 toggle処理とは表示(show)・非表示(hide)の切り替えを行ってくれますので、簡単に切り替え処理を実装できます。

とりあえずjQueryを設置してみよう

最近では、どのホームページでも「jQuery(ジェイ・クエリー)」が使用されていますね(メイン画像の切り替えなどなど)。じゃあjQueryってなんぞや?っていうと、javascriptを簡単に使えるライブラリですかね。なので、javascriptのコードを書かなくても短く簡単なコードでjavascriptが使える!!(なんてすばらしいんでしょう~^^)