>> スピーカー：それでは、最後を改善しましょう 人気のJavaScriptを使用することにより、実施例
ことができますjQueryのと呼ばれるライブラリ まだながら、私たちは私たちのコードをクリーンアップする
我々が遭遇した問題を回避 以前、それによって私が書いたいくつかのコード
前に早期に実行されました 私は、DOMに存在するために必要な要素
実際に存在していた。
>> ここにDOM-2.htmlの掲示、私が持っている 属性を持つ既にスクリプトタグ
その値のURLである元の このライブラリの最新バージョン。
その下に、私は別々のスクリプトタグを持っている ソースのないしかし、ここで私が残してきた
実際に書き込むための部屋 私自身のコードの一部。
私が書きたいと思いますコードはようである 本当にある以下の、$、
jQueryのための簡単​​な表記法 それ自体、（文書）。
言い換えれば、私は単に渡している 呼び出された関数への引数
jQueryのドキュメント、グローバル 変数、すなわち、既に存在する内部
任意のWebページの。
>> その後のさせて頂きます。関数を呼び出して、準備ができて またはことを指定する方法
以下のコードチャンクがあるべき 唯一のドキュメント全体一度だけ実行
これは具体的には、準備ができている ここに無名関数。
私がしたいことを指定します$ "＃のデモ」、 私のDOMから要素を取得する
誰が一意の識別子なのはデモです。
我々はそれを得たら、その後、みましょう それに対応するイベントハンドラを登録する
指定してイベントを送信します。提出 その匿名に渡す
1引数を期待する関数 我々はイベントと呼ぶことにしますことを、これは
最終的には参考になるだろう 実際にある種の
ちょうど私達がしたい場合の送信イベント 直接それをアクセスすることが好きです。
>> 一方、のは、オープン中括弧を指定できますし、 近くブレースおよびそれらの内側
ブレース、のは実際にコードを書いてみましょう 私たちはときに、このフォームに実行したいこと
提出された。
「こんにちは、「警告とのオン連結ましょう その結果、$ "＃名を「呼び出した結果
これは私が取得したいのですがあることを指定 ユニークな私のDOM内の要素
識別子は名前です。
そして今度は、内部の関数を呼び出してみましょう 取得するヴァルと呼ばれる、そのオブジェクト
テキスト値その ユーザーはインチタイプされる
とのはこれだけ、という上で連結しましょう 楽しみのために、感嘆符。
>> 最後にではなく、同じようにfalseを返す 我々は前に、もう少しとするんでした
明示し、その与えられたものを指定 イベントオブジェクトは、そのことを防止したいと思います
特に呼び出してデフォルトの動作 呼び出された関数またはメソッド
次のようにデフォルトを防ぐ。
でevent.preventDefault。
それでは、ファイルを保存してみようと 私のブラウザでそれを開きます。
http://localhost/dom-2.html
>> そのフォームがあります。
の入力デビッドましょう。
クリック提出し、こんにちは、 デビッドが帰ってきた。