2019年4月11日jQuery文字列

文字列の前方一致や後方一致を判別する方法です 判別にはJavaScriptのstartsWith()を使って前方一致、後方一致にはendsWith()を利用しています startsWith()とendsWith()はECMAScript 2 ...

2019年4月11日jQueryイベント

jQueryでdivやpタグなどの要素やテキストにマウスホバーイベントを実装する方法です hover()関数でマウスホバーイベントを実装 jQueryのhover()関数はマウスホバーオン時、マウスホバーアウト時の2つの動作を定義する事が可 ...

2019年4月8日jQuery

jQueryで動的にCSSファイルを読み込んでheadに追加する方法です 他にも色々と方法はありますが、ぱっと見わかりやすいコードでひとつ HTML(<head>内) <style type="text/css" id=" ...

2019年4月11日jQuery文字列

jQueryで文字列から最初の1文字や最後の1文字を取得する方法です 最初の1文字を取得する方法 slice()の引数は先頭から数える場合は整数で「何文字目から」と「何文字」なので最初の文字を取得する場合は0と1になります 日本語を含むマル ...

2019年4月11日jQuery文字列

jQueryのfor文などのループ処理で生成した文字列から末尾のカンマを取り除く方法です jsonデータを生成する時に使う事が多いですね slice()を使って最後の1文字を除去する方法 最後の文字が必ずカンマになるのである場合 処理上、最 ...

2019年4月8日jQueryフォーム

jQueryでテキストエリアやテキストフォームの入力を動的に取得・表示する方法です テキストボックスの入力を動的に取得・表示する input type="text"のテキストボックスの入力時にvalue値をリアルタイムに取得して表示するサン ...

2019年4月8日jQueryイベント

jQueryを使ってdivやpタグなどの通常の要素やテキストにクリックイベントを実装する方法です click()イベント関数を使ってクリックイベントを実装する方法 See the Pen Click event (jQuery) by yo ...

2019年4月8日jQueryフォーム

jQueryでスライダーフォームの入力時にvalue値を動的に取得する方法です on('change')でvalue値を動的に取得して値を表示する方法 See the Pen クリック要素の直近の子要素のid・classを取得する by y ...

2019年4月13日jQuery

jQueryで要素・親要素からid・class名を取得するパターン集です クリックした要素のidを取得する HTML <div id="id1"></div> jQuery $('div').click(function() { ...

2019年4月13日jQuery

JavaScriptやjQueryのcss()でdisplay:noneで非表示にしている要素を表示に戻した時にレイアウトが崩れてしまう原因と対処法です display:noneから表示に戻すとレイアウトが崩れる原因 display:non ...

2019年4月13日jQuery

CSSで設定した値がhexカラーコードでもjQueryのcss()で取得可能なカラーコードはrgb(rgba)です hex16進数表記のカラーコードを使いたい場合は、css()でrgbコードを取得後にhexに変換する必要があります 取得した ...

2019年4月13日jQuery

jQueryのanimate()を使ってフェードアウトとフェードインを繋げて動作させる方法です animate()を使ってフェードアウト・フェードインを実装する方法 See the Pen OqNYWm by yochans (@yocha ...

2019年4月13日jQuery取得

jQueryのcss()は、疑似要素のCSSプロパティに参照出来きなません必要頻度も少ないと人生3度は躓く部分ですね 疑似要素のCSSプロパティを取得するにはJavaScriptのwindow.getComputedStyle()を利用しま ...