javascript 【jQuery】CSS変数をjQueryで利用する方法
CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。jQueryで変数作っちゃっても良いけど、そうできない時もある。例えば、、、、ん～あるかなぁ。jQueryで変数作れない時は、あるっ！としてCSS変数を書き換える方法です。...
jQuery
javascript 
javascript Yes/No診断テストをjQueryで作りました！ダウンロードですぐに利用可能
いつも当ブログを見てくださりありがとうございます！「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。Yes/No診断テスト本バージョンでは、Yesの数を合計した結果を表示していますが、各質問の回答で結果を分...
javascript 【jQuery】複数の数値から最大値・最小値を出す方法
jQueryで沢山の数値から最大値や最小値を出す方法のご紹介です。jQuery// 最大値を出すMath.max(100, 2, 44, 39, 87);// 「100」が出力される// 最小値を出すMath.min(49, 20, 300...
javascript 【jQuery】数値から文字列、文字列から数値へ変換する方法
jQueryで数値から文字列に変換したり、文字列から数値へ変換する方法のご紹介です。js上で計算する時、足し算したいだけなのに「"1" + 1 = 11」になったりする時あって困っちゃう。そんな時は、下の方法ですぐ解決しよう！jQueryv...
javascript 【jQuery】ローカルストレージへの保存方法と、遷移後に読み込む方法
phpを使わずに、jqueryだけで遷移前の値を保持したい場合、クッキー（cookie）を使うかローカルストレージ（localstrage）を使うか迷う時がある。自分の場合は、クッキーには数キロバイトしか保存できないから、大体ローカルストレ...
javascript 【jQuery】配列・連想配列の数を取得する方法
jQueryで配列の数を取得するには「.length」を使い、連想配列の数を取得するには「Object.keys」と「.length」ます。下のjQueryが利用方法になります。jQuery// 配列の数を取得var demo1 = ;co...
javascript jQueryで1回だけ実行するイベントを設置する方法
jQueryで1回だけ処理をする場合、便利な「one」メソッドというのがある。「one」メソッドとは、メソッド名のままですが「1度だけ」実行する処理のことを言います。処理を繰り返したくない時などに有効です。一度しか押せないボタンの作り方実際...
javascript 【jQuery】要素があるかを判定する方法
jQueryで特定要素が有るか調べる方法のご紹介です。jQueryif($("特定要素").length) {// 特定要素が有る時} else {// 特定要素が無い時}解説「$("特定要素").length」で特定要素が1つ以上存在した...
javascript 【jQuery】特定の要素が表示されていたらを判定
jQueryで表示・非表示の判定って結構使います。エラーテキストが表示されてたらとか、特定の画像が表示されてたらとか、友達のLINE見たら自分からの通知が非表示になってたりとか判定するところっていっぱいある。では、jQueryのコードを見て...
javascript 【jQuery】パスワードの表示・非表示を切り替える方法
フォームのパスワードを入力する時、自分で打ったパスワードを見たい時ってあるよね。同じパスワードを２回打つフォームもあるし、健忘症な自分は、どんなパスワードを打ったかすぐ忘れちゃうので、表示できる機能があるとありがたいです。ではデモとコードを...
javascript 【jQuery】今日の日付と、今の時間を取得
昔懐かしいウェブサイトには、サイドバーに今の時間とか「〇〇〇人目の訪問者です」とか表示されてましたね。今のサイトでも今日の天気とか取得してたり、今日の日付と時間ってよくみる技術な気がします。そこで、今日は下のdemoに今日の日付と時間をリア...
javascript 【jQuery】HTMLの書き換え方
ボタンを押した時などのユーザーのアクションによってHTMLを書き換える方法のご紹介です。HTML要素内のテキストを書き換える方法テキストだけを書き換える方法です。$(".demo").text("書き換える内容");HTMLタグも書き換える...
javascript jQueryでメディアクエリの指定方法｜ユーザーエージェントで判定
jQueryでユーザーエージェントからメディアクエリを行う方法のご紹介です。ユーザーエージェントを取得し、表示を切り替えるデモとjQueryです。様々なデバイスやデベロッパーツールで確認してみてください！DEMOこのページをで見ています。j...
javascript jQueryでメディアクエリの指定方法｜画面幅で判定
jQueryで画面幅からメディアクエリを行う方法のご紹介です。画面幅を取得し、横幅によって表示を切り替えるデモとjQueryです。画面を広げたり縮めたりしてみてください！DEMOこれは、表示。width：pxjQuery// 読み込み時とリ...
javascript jQueryでブラウザの横幅・高さを取得する方法｜初回読み込み時、リサイズ時に取得
まずは、ウィンドウの横幅と高さを取得します。DEMO横幅：px高さ：px// ウィンドウの横幅var width = $(window).width();// ウィンドウの高さvar height = $(window).height();...
