iwbjp's public fiddles
-
jQueryを使用して2回目以降のクリックを判別する
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQueryを使用して2回目のクリックを判別する
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQueryを使用して1回目のクリックを判別する
jQuery 1.9.1, HTML, CSS, JavaScript
-
sort()を使用しない配列の並び替え
sort()を使用しない配列の並び替えのJavaScriptの記述メモ。
-
sort()とMath.random()を使っても配列を正しくシャッフルできない
ネット上にsort()とMath.random()を使った配列のシャッフル方法が書かれていた。便利そうなので試しに使ってみたが同じ内容が連続して表示されることが多いので実用的ではないようだ。
-
sort()とMath.random()を使っても配列を正しくシャッフルできない
ネット上にsort()とMath.random()を使った配列のシャッフル方法が書かれていた。便利そうなので試しに使ってみたが同じ内容が連続して表示されることが多いので実用的ではないようだ。
-
sort()とMath.random()を使っても配列を正しくシャッフルできない
ネット上にsort()とMath.random()を使った配列のシャッフル方法が書かれていた。便利そうなので試しに使ってみたが同じ内容が連続して表示されることが多いので実用的ではないようだ。
-
JavaScriptのdatasetやgetAttributeは数値ではなく文字列を返す
No-Library (pure JS), HTML, CSS, JavaScript
-
return false; preventDefault(); stopPropagation() の違いテスト3
stopPropagation()を使用するとイベント伝播をキャンセルできる。alertの"a"は表示されるが"div"は表示されない。また、リンクの遷移は有効になる。
-
return false; preventDefault(); stopPropagation() の違いテスト2
preventDefault()を使用するとリンク遷移などのイベントを無効にできる。
-
return false; preventDefault(); stopPropagation() の違いテスト1
aタグを子、divタグを親にしてそれぞれにクリックイベントを追加した。リンクをクリックするとalertのa, divが表示されてからYahoo!に遷移する。
-
古いIEには4096個目のプロパティは無効になるバグがある
Mootools 1.4.5, HTML, CSS, JavaScript
-
jQueryでたった5行の記述で長いテキストを「…」で省略する
テキストをJavaScriptで省略して語尾に「・・・」を付けたいケースは割とよくある。jQueryプラグインなども存在するがjQueryを読み込んでいるのであればこのように5行の記述で長いテキストを「…」で省略することが可能。
-
jQueryでたった5行の記述で長いテキストを「…」で省略する
テキストをJavaScriptで省略して語尾に「・・・」を付けたいケースは割とよくある。jQueryプラグインなども存在するがjQueryを読み込んでいるのであればこのように5行の記述で長いテキストを「…」で省略することが可能。
-
文字列の先頭と末尾から空白を除去するjQueryの$.trim()が便利
jQueryには文字列の先頭と末尾から空白を除去するの$.trim()が便利なのだがあまり使用されていないような気がする。特にフォームからテキストを取得する際に便利なので必ず入れておきたい。
-
JQueryのCSSのfunctionを使用してeachを使用しないようにする
jQuery 1.8.3, HTML, CSS, JavaScript
-
日付の文字列はsplitで分けなくてもそのままnew Dateに入れてgetTimeでミリ秒に変換可能
jQuery 1.8.3, HTML, CSS, JavaScript
-
8ZDqd
Mootools 1.4.5, HTML, CSS, JavaScript
-
B3WJG
jQuery 1.8.3, HTML, CSS, JavaScript
-
6rsqG
jQuery 1.8.3, HTML, CSS, JavaScript