javascriptについての記事一覧

javascript

jQueryで「○○○」が含まれていたら|.indexOf()

jQueryで特定文字が含まれる時って色々方法がある。今回は「.indexOf()」を使った切り分けのご紹介です。
javascript

jQueryで現在のURLを取得

jQueryで今のページのURLを取得する方法は、「$(location).attr('href');」です!このページに動作確認のDEMOがあるので、気になる方はページを見に来てくださいね。
javascript

jQueryで、読み込みとリサイズ処理を一緒にと、ロードとリサイズ処理を一緒に書く方法

jQueryでロードとリサイズを一緒に書く方法のご紹介です。 $(function() { $(window).on("load resize", function() { // ロードとリサイズ時の処理 }); }); 次に読み込み時とリ...
javascript

jQueryで端末判定&Androidバージョン判定

jQueryでの端末を判定する方法のご紹介です。 まずは、PC、スマホ、タブレットを判定するコードを紹介します。 DEMO あなたの端末はです! // ユーザーの端末情報を「use」に格納します。 var use = navigator.u...
javascript

jQueryで加速度センサー値の取得と使い方【iOS16対応】

スマホの加速度センサーを利用する方法のご紹介です。 加速度センサーとは、傾きを取得するセンサー。 近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS(iOS13以降)は、ユーザーの許可が無いとセンサーの値を取得できないくらい厳...
javascript

jQueryでジャイロセンサー値の取得と使い方【iOS16対応】

スマホのジャイロセンサーを利用する方法のご紹介です。 ジャイロセンサーとは、回転や傾きを取得するセンサーでスマホでも、画面の向きの変化を取得するのに利用されている。 近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS(iOS1...
javascript

jQueryでチェックボックス(cheked)を取得・判定・外し方

チェックボックスの判定をするjQueryと、チェックボックスの取得、外し方も一緒にご紹介します。 まずは判定、取得、チェックを外すボタンの全部入ったデモをどうぞ! DEMO あなたの好きな麺は? 蕎麦 スパゲッティ 吉牛 全てチェック全て外...
javascript

【jQuery】ソート機能を自力で実装

jQueryでソート機能を作るには、何かのリストが沢山ある必要がある。 なにのリストにしようか........ネジメーカーにしようか! 山手線の連結部分は、沢山のネジで止めてあるからこれ全部取ったら、後ろの車両との連結ができなくなっちゃうの...
javascript

【jQuery】特定文字列が含まれているかを判定|:contains()

特定文字列が含まれている時、手間かかるかもと思っていたけどif文も書かずにクリア出来て嬉しかったのでご紹介します。 今回はリストの中に、特定文字が存在していたらを判断します。 下のボタンを押して特定文字列が含まれる文字色を変更します。 Go...
javascript

ビンゴ抽選をjQueryで作る!

Youtuber江頭さん、元SMAP草薙さんのチャンネル登録者数が100万人達成したよって動画見てなんかすごい時代だなぁ~って思いつつ。 今回はjQueryでクリック数の取得をしてみたいと思います。 さらに、応用編があるのでそちらも見てくだ...
javascript

【jQuery】ドロップダウンメニューをコピペで簡単に作る方法

ドロップダウンメニューをHTMLとCSSとjQueryで簡単実装しよう! DEMO ドロップダウンメニュー ドロップダウン1 ドロップダウン2 ドロップダウン3 ドロップダウン4 ドロップダウン5 ドロップダウン6 下のHTMLとCSSとj...
javascript

【javascript】コピペで簡単にスライドショーを設置する方法【Swiper.js】

自力でスライダーを設置するのは簡単だが、スライダーの「当たり前」機能を付けるのがすごい手間だったりする。 「レスポンシブ対応」や「スワイプやマウスオーバーでの操作」、「スライドの数が増えた時のスクリプト、スタイルの修正」、「Next,Pre...
javascript

jQueryで要素の数を取得|divやliを数える

jQueryで要素の数を取得|divやリストを数える リストの数を取得して何かする時や、リストにしていなかった要素の数を調べる時に便利なjQueryの記述のご紹介です。 リストの数を取得 <div class="list"> <ul> <l...
javascript

jQueryの使い方|CDNとダウンロード

jQueryを利用するなら最新版を使っておけば問題ないよ jQueryを利用しようとした時に、「jQuery3.4」とか「jQuery2.2」とか「jQuery1.1」とかの リンクがあるけど最初のうちってどれを使ったら、どんな効果があるか...
javascript

jQueryでaタグのURL(href)取得方法

jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。 「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください!
広告