SPEAKER: Hãy cải thiện khi mà cuối cùng ví dụ bằng cách sử dụng một JavaScript phổ biến thư viện được gọi jQuery mà sẽ cho phép chúng tôi để làm sạch mã của chúng tôi trong khi vẫn tránh các vấn đề chúng tôi gặp phải trước đó, theo đó một số mã mà tôi đã viết được thực hiện sớm trước khi các yếu tố tôi cần thiết để tồn tại trong một DOM thực sự tồn tại. 

Chú ý ở đây trong dom-2.html, tôi có một kịch bản đã tag với một thuộc tính nguồn có giá trị URL của phiên bản mới nhất của thư viện này. Dưới đây tôi có một thẻ script riêng biệt không có nguồn nhưng nơi tôi đã rời phòng để thực sự viết một số mã của riêng tôi. Mã tôi muốn viết là như sau, $, mà thực sự chỉ là ký hiệu viết tắt cho jQuery chính nó, (tài liệu). Nói cách khác, tôi chỉ đơn giản là đi qua như một tham số cho một chức năng được gọi là jQuery tài liệu, toàn cầu biến, đã tồn tại trong của bất kỳ trang web. 

Sau đó, chúng ta hãy làm. Sẵn sàng, gọi một chức năng hoặc phương pháp xác định rằng các đoạn mã sau đây nên được thực hiện chỉ một lần toàn bộ tài liệu đã sẵn sàng, đặc biệt này chức năng ẩn danh ở đây. $ "# Demo", trong đó quy định cụ thể mà tôi muốn để có được các yếu tố từ DOM của tôi những người định danh duy nhất là bản demo. Và sau đó khi chúng tôi đã nhận được điều đó, hãy đăng ký với nó một xử lý sự kiện cho các trình sự kiện bằng cách xác định. trình, đi vào đó là vô danh chức năng mà hy vọng một đối số rằng chúng tôi sẽ gọi sự kiện, đó là cuối cùng chỉ có được một tài liệu tham khảo của các loại với thực tế trình sự kiện chỉ trong trường hợp chúng tôi muốn truy cập trực tiếp. 

Trong khi đó, chúng ta hãy xác định cú đúp mở và cú đúp gần và bên trong của những niềng răng, chúng ta hãy thực sự viết code mà chúng tôi muốn thực hiện khi mẫu này được gửi. cảnh báo "xin chào", và chúng ta hãy nối trên để kết quả của gọi $ "# tên" trong đó quy định cụ thể mà tôi muốn để có được các phần tử trong DOM của tôi mà độc đáo định danh là tên. Và bây giờ chúng ta gọi một chức năng bên trong của đối tượng được gọi là val mà được giá trị văn bản mà người sử dụng đánh máy in Và chúng ta hãy nối trên do đó, chỉ cho vui, một dấu chấm than. 

Cuối cùng, thay vì chỉ trả về false như chúng tôi trước đây, chúng ta hãy thêm một chút rõ ràng và xác định rằng cho rằng đối tượng sự kiện, chúng tôi muốn ngăn chặn nó hành vi mặc định bằng cách đặc biệt gọi một chức năng hoặc phương pháp gọi là ngăn chặn mặc định như sau. event.preventDefault. Bây giờ hãy lưu các tập tin và mở nó lên trong trình duyệt của tôi. http://localhost/dom-2.html 

Có hình thức đó. Chúng ta hãy đầu vào David. Nhấn Gửi và xin chào, David đã trở lại.