【jQuery入門】jQueryファイルを読み込む2つの方法
今回は、jQueryを導入して利用するためにjQueryファイルを読み込む方法を説明します。 jQueryファイルを読み込む方法 jQueryファイルを読み込む方法は、2種類あります。 1. jQueryのサイトからファイルをダウンロードし読み込む方法 ダウンロードしたjQueryファイルを使用するサーバーにアップして読み込む方法です。 jQuery公式ページからダウンロードすることができます。j……
今回は、jQueryを導入して利用するためにjQueryファイルを読み込む方法を説明します。 jQueryファイルを読み込む方法 jQueryファイルを読み込む方法は、2種類あります。 1. jQueryのサイトからファイルをダウンロードし読み込む方法 ダウンロードしたjQueryファイルを使用するサーバーにアップして読み込む方法です。 jQuery公式ページからダウンロードすることができます。j……
今回は、jQueryでチェックボックスをチェック状態にする方法について紹介します。 チェックボックスをクリックすればチェック状態にすることができますが、それ以外の動作の際にチェックを入れたいこともよくあります。 ボタンクリックで一括チェックとする例 例えば、他の要素のイベント発火時にチェックボックスにチェックを入れたい場合など、jQueryを使うことで簡単に実装することができます。 今回使用……
条件に応じて表示を変更させることができる関数がIF関数です。IF関数は使えるようになるといろんなところで出番のある関数です。他のCOUNTIF関数などのほかの関数でも使える考え方になっているのできっちり理解していきましょう。 条件を指定する論理式について IF関数を使うにあたって、論理式と呼ばれる数式によって条件を指定します。論理式は以下の種類があります。 > : A1>10 A1セル……
値を検索して対応する値を抜き出すことができるVLOOKUP関数の使い方について説明します。引数が多く、使い方が複雑ですが広い用途で使える関数なので、きっちり使い方を学んでいきましょう。 VLOOKUP関数でできること 上の図の表を例にあげると、名前(A列)を検索することでクラス(B列)や点数(C列)の値を抜き出すことができる関数です。 VLOOKUP関数の使い方 VLOOKUP関数を使って山田……
ある要素をクリックしたらある処理を実行するというのは、JavaScriptでは定番のコーディングです。 jQueryを使わずに、以下のようにonclickを使い記述することもありますが、最近ではHTMLとJavascriptが混在しているのはあまり良いコーディングとはされていません。 「デザイン(CSS)と構造(HTML)は分離させること」はJavaScriptも同じです。 <a oncli……
アニメーションで表示・非表示を切り替えたいという時、純粋なJavaScriptで実現しようとすると、とてつもない記述量になりますが、jQueryではシンプルな記述でこれを行うことができます。 jQueryには、定番のアニメーションを作るメソッドとして、animate()メソッドというのがありますが、今回は単純な表示・非表示の場合に適切な3つのメソッドを紹介します。 表示・非表示を切り替えるto……
今回は、jQueryでjsonファイルを読み込む方法を説明します。 JSONファイルを読み込むgetJSON() getJSON( url [, data] [, callback] ) 外部jsonファイルを読み込むには、「$.getJSON」メソッドを使用します。 引数 型 説明 url……
jQueryでHTMLタグを挿入する方法を紹介します。 サイトを制作していると、ボタンを押した時に任意のHTMLを挿入したいことなどがしばしばあります。 jQueryでは、以下に挙げる3つの方法でHTMLを挿入することができます。 挿入前のHTML 送信 1.要素を書き換えるhtml() 「html()」メソッドは、セレクトされた要素のHTMLを書き換えるメソッドです。.html()は……
今回は、jQueryでAjaxを使ってPost送信をする方を説明します。 AjaxでPost送信をする$.post() Ajaxを使ってPost送信するには、jQueryの「$.post」メソッドを使用します。 送信側(jQuery) var postData = {"first_name":"一郎", "last_name":"鈴木"}; $.post("post.php", postDat……
PHPで乱数を発生させる方法について紹介します。PHPで乱数を発生させる関数はrand()とmt_rand()がありますが、mt_rand()はrand()より高速に乱数を生成させることができます。また、mt_rand()の方がよりよい質の乱数を生成します。この記事ではmt_rand()を使用した乱数の生成方法を紹介します。mt_rand()を使用して乱数を生成するmt_rand()は乱数を生成す……