1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> スピーカー：それでは、最後を改善しましょう
人気のJavaScriptを使用することにより、実施例

3
00:00:03,760 --> 00:00:07,520
ことができますjQueryのと呼ばれるライブラリ
まだながら、私たちは私たちのコードをクリーンアップする

4
00:00:07,520 --> 00:00:11,010
我々が遭遇した問題を回避
以前、それによって私が書いたいくつかのコード

5
00:00:11,010 --> 00:00:15,600
前に早期に実行されました
私は、DOMに存在するために必要な要素

6
00:00:15,600 --> 00:00:17,530
実際に存在していた。

7
00:00:17,530 --> 00:00:22,120
>> ここにDOM-2.htmlの掲示、私が持っている
属性を持つ既にスクリプトタグ

8
00:00:22,120 --> 00:00:26,460
その値のURLである元の
このライブラリの最新バージョン。

9
00:00:26,460 --> 00:00:30,220
その下に、私は別々のスクリプトタグを持っている
ソースのないしかし、ここで私が残してきた

10
00:00:30,220 --> 00:00:32,590
実際に書き込むための部屋
私自身のコードの一部。

11
00:00:32,590 --> 00:00:36,690
私が書きたいと思いますコードはようである
本当にある以下の、$、

12
00:00:36,690 --> 00:00:40,510
jQueryのための簡単​​な表記法
それ自体、（文書）。

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
言い換えれば、私は単に渡している
呼び出された関数への引数

15
00:00:46,700 --> 00:00:50,690
jQueryのドキュメント、グローバル
変数、すなわち、既に存在する内部

16
00:00:50,690 --> 00:00:52,100
任意のWebページの。

17
00:00:52,100 --> 00:00:57,400
>> その後のさせて頂きます。関数を呼び出して、準備ができて
またはことを指定する方法

18
00:00:57,400 --> 00:01:01,290
以下のコードチャンクがあるべき
唯一のドキュメント全体一度だけ実行

19
00:01:01,290 --> 00:01:04,750
これは具体的には、準備ができている
ここに無名関数。

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
私がしたいことを指定します$ "＃のデモ」、
私のDOMから要素を取得する

22
00:01:14,210 --> 00:01:16,370
誰が一意の識別子なのはデモです。

23
00:01:16,370 --> 00:01:19,990
我々はそれを得たら、その後、みましょう
それに対応するイベントハンドラを登録する

24
00:01:19,990 --> 00:01:25,250
指定してイベントを送信します。提出
その匿名に渡す

25
00:01:25,250 --> 00:01:29,370
1引数を期待する関数
我々はイベントと呼ぶことにしますことを、これは

26
00:01:29,370 --> 00:01:32,230
最終的には参考になるだろう
実際にある種の

27
00:01:32,230 --> 00:01:36,030
ちょうど私達がしたい場合の送信イベント
直接それをアクセスすることが好きです。

28
00:01:36,030 --> 00:01:40,470
>> 一方、のは、オープン中括弧を指定できますし、
近くブレースおよびそれらの内側

29
00:01:40,470 --> 00:01:44,140
ブレース、のは実際にコードを書いてみましょう
私たちはときに、このフォームに実行したいこと

30
00:01:44,140 --> 00:01:45,210
提出された。

31
00:01:45,210 --> 00:01:54,810
「こんにちは、「警告とのオン連結ましょう
その結果、$ "＃名を「呼び出した結果

32
00:01:54,810 --> 00:01:58,880
これは私が取得したいのですがあることを指定
ユニークな私のDOM内の要素

33
00:01:58,880 --> 00:02:00,750
識別子は名前です。

34
00:02:00,750 --> 00:02:04,790
そして今度は、内部の関数を呼び出してみましょう
取得するヴァルと呼ばれる、そのオブジェクト

35
00:02:04,790 --> 00:02:07,370
テキスト値その
ユーザーはインチタイプされる

36
00:02:07,370 --> 00:02:11,270
とのはこれだけ、という上で連結しましょう
楽しみのために、感嘆符。

37
00:02:11,270 --> 00:02:14,610
>> 最後にではなく、同じようにfalseを返す
我々は前に、もう少しとするんでした

38
00:02:14,610 --> 00:02:18,750
明示し、その与えられたものを指定
イベントオブジェクトは、そのことを防止したいと思います

39
00:02:18,750 --> 00:02:22,480
特に呼び出してデフォルトの動作
呼び出された関数またはメソッド

40
00:02:22,480 --> 00:02:24,190
次のようにデフォルトを防ぐ。

41
00:02:24,190 --> 00:02:25,440
でevent.preventDefault。

42
00:02:25,440 --> 00:02:27,760

43
00:02:27,760 --> 00:02:30,080
それでは、ファイルを保存してみようと
私のブラウザでそれを開きます。

44
00:02:30,080 --> 00:02:33,240

45
00:02:33,240 --> 00:02:40,120
http://localhost/dom-2.html

46
00:02:40,120 --> 00:02:41,410
>> そのフォームがあります。

47
00:02:41,410 --> 00:02:42,720
の入力デビッドましょう。

48
00:02:42,720 --> 00:02:45,040
クリック提出し、こんにちは、
デビッドが帰ってきた。

49
00:02:45,040 --> 00:02:48,299