前回の記事で、ただ単に画像を切り替えるサンプルを作りましたが、あまりに味気なかったので、フェードで切り替えるサンプルを作ってみます。 ほとんど前回の記事と一緒で、画像を切り替える部分だけが違うだけです。 htmlのサンプル 画像を表示したい場所に、img...
【JavaScript】JavaScriptを使って前ゼロ埋めする方法(ゼロパディング)
JavaScriptで数字の桁数を揃えるために、前ゼロ埋め(ゼロパディング)する方法を紹介します。 JavaScriptサンプル 例えば、数字を2桁に揃える場合 var value1 = 1; var zero_value1 = ("0" + ...
【jquery】jqueryを使って画像クリックで画像切り替え
表示されている画像をクリックすると、違う画像に切り替わるようなサンプルを作ってみたいと思います。 ただ単に画像を切り替えるだけなので、味気ないですが・・・・。 htmlのサンプル 画像を表示したい場所に、imgタグを置いているだけです。。 jqueryの...
【javascript】文字列の最後の文字を取り出す(sliceメソッド)
sliceメソッドを使えば簡単に取り出せますね。 string.slice(-1) 上記で最後の文字が取れだせます。 slice メソッド 文字列の一部分を返します。 string.slice(start, [end]) start 文字列(str...
【jquery】jqueryでチェックボックスの状態を取得する
jqueryを使って、チェックボックスの状態を取得して、チェックされている場合に何かしらの処理を行う場合があると思います。 ということで、とても簡単なサンプルですが、チェックボックスがチェックされている場合にアラートを出すサンプルをご紹介します。 HTMLのサンプル ...
【jquery】jqueryの関数(function)の書き方(readyイベント)
jqueryの関数(function)を書くときに、ちょっと迷うところもあったので、忘れないようにまとめてみました。 jqueryの関数(function)の書き方 ①jQueryと書いた場合 jQuery(function ($) { alert("j...
【jquery】jqueryのshow()を使って、表示・非表示を切り替える(show)
divタグを表示・非表示にする方法はいくつかあると思いますが、 ここでは、showメソッドやhideメソッドを利用して「display:none」を切り替えたいと思います。 デモ ボタン1 ボタン2 ボタン3 1 2 3 試しに、上のボタン...