jQueryとは、JavaScriptライブラリのひとつです。ライブラリとは、JavaScriptでよく使うコードをまとめたコード集のようなものです。 jQueryのファイルを読み込むだけで使える手軽さと便利さから、jQueryはJavaScriptの数あるライブラリの中でも最も有名なもののひとつです。 jQueryを使うことのメリット ライブラリの最も大きなメリットはコードの記述量を減らせるとい……
jQueryでDOM要素を削除する方法を紹介します。 jQueryの要素の削除に使えるメソッドには、remove()とempty()、さらにunwrap()、の４つがあります。 以下のHTMLを使い「要素を消す」ボタンをクリックすることで、要素が削除される例で説明します。 HTML <div id="parent"> <p class="child">子要素</p……
最近、ニュースやネットでも話題になっている自動車の自動運転技術。技術の進化とそれによって利用者にもたらされるメリットとはどんなものなのでしょう？自動運転とは？そもそも自動運転とはどういうものなのでしょう？ 自動運転とはロボット工学、人工知能などを組み合わせた技術です。一般的には人の運転よりも正確性に優れており、操縦者の負担を軽減することにも繋がります。今後数年間のうちに多くの自動車に搭載されていく……
今回は、jQueryでフォームの値を送信（submit）する方法を説明します。 フォームを送信する.submit() submit()メソッドは、フォームを送信するメソッドです。submitボタンをクリックすればsubmitはできますが、ほかのイベントと絡めて処理したい時などに使います。 HTML jQuery $("#sample-form").submit(); フォーム……
今回は、jQueryで子要素を取得する方法を３つに分けて説明します。 直下の子要素を取得する.children() 要素内の全ての子要素を取得します。children('セレクタ')のように、セレクタを引数に渡すことで子要素を絞り込むこともできます。 （例１）#parentの子要素の中から、imgタグのみ取得する HTML <div id="parent"> <p>テキ……
今回は、jQueryを導入して利用するためにjQueryファイルを読み込む方法を説明します。 jQueryファイルを読み込む方法 jQueryファイルを読み込む方法は、2種類あります。 1. jQueryのサイトからファイルをダウンロードし読み込む方法 ダウンロードしたjQueryファイルを使用するサーバーにアップして読み込む方法です。 jQuery公式ページからダウンロードすることができます。j……
今回は、jQueryでチェックボックスをチェック状態にする方法について紹介します。 チェックボックスをクリックすればチェック状態にすることができますが、それ以外の動作の際にチェックを入れたいこともよくあります。 ボタンクリックで一括チェックとする例 例えば、他の要素のイベント発火時にチェックボックスにチェックを入れたい場合など、jQueryを使うことで簡単に実装することができます。 今回使用……
条件に応じて表示を変更させることができる関数がIF関数です。IF関数は使えるようになるといろんなところで出番のある関数です。他のCOUNTIF関数などのほかの関数でも使える考え方になっているのできっちり理解していきましょう。 条件を指定する論理式について IF関数を使うにあたって、論理式と呼ばれる数式によって条件を指定します。論理式は以下の種類があります。 > ： A1>10……
値を検索して対応する値を抜き出すことができるVLOOKUP関数の使い方について説明します。引数が多く、使い方が複雑ですが広い用途で使える関数なので、きっちり使い方を学んでいきましょう。 VLOOKUP関数でできること 上の図の表を例にあげると、名前(A列)を検索することでクラス(B列)や点数(C列)の値を抜き出すことができる関数です。 VLOOKUP関数の使い方 VLOOKUP関数を使って山田……
ある要素をクリックしたらある処理を実行するというのは、JavaScriptでは定番のコーディングです。 jQueryを使わずに、以下のようにonclickを使い記述することもありますが、最近ではHTMLとJavascriptが混在しているのはあまり良いコーディングとはされていません。 「デザイン(CSS)と構造(HTML)は分離させること」はJavaScriptも同じです。 <a oncli……