Javascriptのカテゴリー一覧

  • HOME > 
  • Javascriptのカテゴリー一覧
サムネイル

横スクロール可能なことを示すヒントを表示するJavascri……

2023年09月01日
Javascriptのライブラリ「ScrollHint（スクロールヒント）」を使えば、ユーザーに対して要素がスクロール可能であることをわかりやすく示すアイコンを表示することができます。
サムネイル

JavascriptでブラウザやOSを判定する方法【plat……

2023年09月01日
Javascriptのplatform.jsというライブラリを利用すれば、簡単にユーザーが使用しているブラウザやOS情報を取得し判別する処理を作ることが可能です。
サムネイル

Javascriptでフォーム送信時に確認ダイアログを出す方……

2023年09月01日
Javascriptでフォーム送信時にダイアログ表示させてユーザーに処理を続行して良いか確認するには「confirmメソッド」と「onsubmit属性」の2つを使用します。
サムネイル

Javascriptで文字のUnicode(UTF-16)を……

2023年09月01日
最終更新日:2023年08月29日
JavascriptのcharCodeAtを使うと、日本語（テキスト）のUnicode(UTF-16)を取得したり、Unicode(UTF-16)をテキストに変換することが可能です。
サムネイル

jQueryのblurでフォーカスが外れた時の処理を行う方法……

2023年05月01日
最終更新日:2023年05月31日
jQueryのblur()メソッドはフォームの入力ボックスなどでフォーカスが外れたときに処理を実行させることができるメソッドです。
サムネイル

jQueryのinArray()で配列内を検索する方法【要素……

2023年05月01日
最終更新日:2023年05月31日
jQueryのinArrayメソッドは、配列の中に特定の要素が含まれているかどうかを検索することができるメソッドです。
サムネイル

JavascriptのindexOfで文字列を検索する方法【……

2023年05月01日
最終更新日:2023年05月31日
indexOfメソッドを使用すると、テキストや配列の中に指定の文字列が含まれているかどうかを検索することができます。条件分岐に利用することで、ある文字が含まれている時といない時とで処理を分けることが可能になります。
サムネイル

jQueryのclosest()で最も近い親要素を取得する方……

2023年05月01日
最終更新日:2023年04月17日
jQueryのclosest()は、要素から最も近い親要素を取得（指定）できるメソッドです。要素の親要素を辿っていき、該当するセレクターを持つものを見つけ出してくれます。
サムネイル

jQueryのprop()メソッドで属性値を取得･設定する方……

2023年04月04日
prop()は要素の属性値を取得したり、追加･変更することができるメソッドです。attrメソッドとの違いには「返り値が異なる」といった点があります。
サムネイル

jQueryでラジオボタンの値を取得や操作する方法【チェック……

2023年04月04日
jQueryを使えばHTMLのラジオボタンでユーザーが選択した（チェックされた）値を取得・操作することができます。propメソッドを使用して行います。
サムネイル

jQueryでaタグのhref（リンク先）を書き換える方法【……

2023年04月04日
最終更新日:2023年05月31日
aタグのhref（リンク先のURL）を書き換えたい場合は、attrメソッドを使用します。リンク先のURLの一部だけを書き換えたい時は、replaceメソッドで文字の置き換えを実行してからattrメソッドで書き換えるという方法になります。
サムネイル

jQueryのhoverでマウスホバー時の処理を行う方法【m……

2023年04月04日
jQeuryでユーザーがマウスホバーした時に処理を実行させたい場合には、「hoverメソッド」を使用します。このページでは、mouseoverやonメソッドによるマウスホバー処理との違いについて解説します。
サムネイル

jQuery(Javascript)でURLの取得を行う方法……

2023年04月04日
jQeuryで閲覧ページのURLを取得するには、attrメソッドを使用します。Javascriptの場合はlocationオブジェクトを使えば取得することが可能です。
サムネイル

Javascriptで四捨五入･切り上げ･切り捨てを行う方法……

2023年04月04日
最終更新日:2023年05月31日
Javascript（jQuery）では、専用の関数を用いることで小数点以下の数値に対して四捨五入・切り上げ・切り捨てを行うことが可能です。
サムネイル

jQueryで文字列の置換を行う方法【replaceメソッド……

2022年08月09日
最終更新日:2023年03月10日
文字列の置換には、Javascriptのreplace()メソッド、jQueryのreplaceWith()もしくはreplaceAll()メソッドを使用します
サムネイル

jQueryでスクロール量を取得する方法【scrollTop……

2022年03月11日
jQueryでスクロール量を取得するには、scrollTop()メソッドを使用します。ページのトップから何pxスクロールされているかを数値で取得できます。どのくらいスクロールしたかというスクロール量を取得することができると、ユーザーのスクロールと連動させた機能を作ることが可能になります。
サムネイル

jQueryでモーダルウィンドウを作成する方法【初心者にもわ……

2022年03月11日
ウィンドウを閉じるまでページ内の他の操作をできなくする機能を持ったモーダルウィンドウをjQueryを使って自作する方法を説明します。
サムネイル

jQueryのDataTablesの使い方【初心者にもわかり……

2022年03月11日
DataTablesは、HTMLで作成した表（table）にページ送りや絞り込み検索、並べ替えやファイル出力などの機能を簡単に実装することができるjQueryのライブラリです。
サムネイル

jQueryでidを取得する方法【attrメソッドの使い方】

2022年03月11日
jQueryでHTMLの要素に付与されているidを取得するためには「attr()」メソッドを使用します。attrメソッドは要素の属性を取得できるメソッドです。id以外にも対象の要素のクラスや属性などを取得することが可能です。
サムネイル

jQueryでアコーディオンメニューを作成する方法【slid……

2022年03月11日
アコーディオンメニューはjQueryのslideToggleというメソッドを使用すれば簡単に作成することができます。
サムネイル

jQueryのセレクターの種類と使い方【初心者にもわかりやす……

2022年03月05日
jQueryのセレクターとは、操作したいHTML要素の特定に使うものです。セレクタ―で指定した要素に対して、メソッドを使ってスタイルを変更したり、値を取得したり、テキストを書き換えるなど様々な操作を行うことができます。
サムネイル

jQueryでダイアログを実装する方法【jQueryUIのd……

2022年03月05日
jQueryUIを使えば、リッチなデザインと機能を持つダイアログを手軽にサイトに実装することが可能です。
サムネイル

jQuery UIのsortableの使い方【初心者にもわか……

2022年03月05日
jQuery UIのsortableは、ページ内の要素をユーザーが自由にドラッグアンドドロップで並べ替えられるようにする機能です。
サムネイル

jQuery UIのautocompleteの使い方【初心者……

2022年03月05日
autocomplete（オートコンプリート）とは、ユーザーがテキストボックスに文字を入力した際に、その文字が該当する入力候補を表示して、入力をサポートする機能のことです。jQuery UIのautocompleteを使えば簡単に入力補助機能を使うことができます。