スピーカー：それでは、最後を改善しましょう 人気のJavaScriptを使用することにより、実施例 ことができますjQueryのと呼ばれるライブラリ まだながら、私たちは私たちのコードをクリーンアップする 我々が遭遇した問題を回避 以前、それによって私が書いたいくつかのコード 前に早期に実行されました 私は、DOMに存在するために必要な要素 実際に存在していた。 

ここにDOM-2.htmlの掲示、私が持っている 属性を持つ既にスクリプトタグ その値のURLである元の このライブラリの最新バージョン。 その下に、私は別々のスクリプトタグを持っている ソースのないしかし、ここで私が残してきた 実際に書き込むための部屋 私自身のコードの一部。 私が書きたいと思いますコードはようである 本当にある以下の、$、 jQueryのための簡単​​な表記法 それ自体、（文書）。 言い換えれば、私は単に渡している 呼び出された関数への引数 jQueryのドキュメント、グローバル 変数、すなわち、既に存在する内部 任意のWebページの。 

その後のさせて頂きます。関数を呼び出して、準備ができて またはことを指定する方法 以下のコードチャンクがあるべき 唯一のドキュメント全体一度だけ実行 これは具体的には、準備ができている ここに無名関数。 私がしたいことを指定します$ "＃のデモ」、 私のDOMから要素を取得する 誰が一意の識別子なのはデモです。 我々はそれを得たら、その後、みましょう それに対応するイベントハンドラを登録する 指定してイベントを送信します。提出 その匿名に渡す 1引数を期待する関数 我々はイベントと呼ぶことにしますことを、これは 最終的には参考になるだろう 実際にある種の ちょうど私達がしたい場合の送信イベント 直接それをアクセスすることが好きです。 

一方、のは、オープン中括弧を指定できますし、 近くブレースおよびそれらの内側 ブレース、のは実際にコードを書いてみましょう 私たちはときに、このフォームに実行したいこと 提出された。 「こんにちは、「警告とのオン連結ましょう その結果、$ "＃名を「呼び出した結果 これは私が取得したいのですがあることを指定 ユニークな私のDOM内の要素 識別子は名前です。 そして今度は、内部の関数を呼び出してみましょう 取得するヴァルと呼ばれる、そのオブジェクト テキスト値その ユーザーはインチタイプされる とのはこれだけ、という上で連結しましょう 楽しみのために、感嘆符。 

最後にではなく、同じようにfalseを返す 我々は前に、もう少しとするんでした 明示し、その与えられたものを指定 イベントオブジェクトは、そのことを防止したいと思います 特に呼び出してデフォルトの動作 呼び出された関数またはメソッド 次のようにデフォルトを防ぐ。 でevent.preventDefault。 それでは、ファイルを保存してみようと 私のブラウザでそれを開きます。 http://localhost/dom-2.html 

そのフォームがあります。 の入力デビッドましょう。 クリック提出し、こんにちは、 デビッドが帰ってきた。