Thêm jquery vào tệp javascript

Trong bài viết này, chúng ta sẽ khám phá các phương pháp mà người ta có thể thêm jQuery vào một trang web. jQuery là một thư viện JavaScript nguồn mở giúp đơn giản hóa các tương tác giữa tài liệu HTML/CSS hay chính xác hơn là Mô hình đối tượng tài liệu [DOM] và JavaScript. Xây dựng các thuật ngữ, jQuery đơn giản hóa việc duyệt và thao tác tài liệu HTML, xử lý sự kiện trình duyệt, hoạt ảnh DOM, tương tác Ajax và phát triển JavaScript trên nhiều trình duyệt

Phương pháp 1. Tải xuống thư viện jQuery

Bước 1. Chúng tôi cần tải xuống phiên bản phát triển của thư viện jQuery mà chúng tôi sẽ sử dụng cho mục đích phát triển và thử nghiệm. Click vào Link tải sau. Bạn sẽ được chuyển hướng đến trang chính xác của tệp jQuery, bây giờ hãy nhấp chuột phải vào trang và lưu tệp vào bộ nhớ cục bộ

Step 2: Create an HTML file and Declare the jQuery file path in the tag inside the tag section of the HTML file. Note that the jQuery file must be placed inside the workspace.

Thí dụ. Thêm tệp jQuery vào trang web sau khi tải xuống

HTML

3

4

5

6

 

4

8

6

0_______94

2

3

4

5

6

0

8____12

6

8

8

6

 

4

05

6

0_______94

09

30

09

6

8

05

6

 

8

5

6

đầu ra

Phương pháp 2. Sử dụng jQuery qua CDN. Phương pháp này khá dễ sử dụng so với phương pháp trước đó. Chúng ta chỉ cần dán đoạn mã sau vào phần đầu của tệp HTML

Bây giờ hãy hiểu CDN là gì, nó là viết tắt của Mạng phân phối nội dung, Đây là một nhóm máy chủ được phân phối trên toàn thế giới của một số dịch vụ web cung cấp nội dung internet với tốc độ phân phối nhanh. Vì vậy, CDN chứa tất cả thông tin cần thiết của các dịch vụ web cụ thể để mọi người dùng trên toàn cầu có thể sử dụng bất kỳ lúc nào. Đối với trường hợp của chúng tôi, chúng tôi sẽ sử dụng CDN của jQuery, Để sử dụng jQuery với CDN, chúng tôi phải kết nối với mạng vì đây là dịch vụ dựa trên trực tuyến

Thí dụ. Trong ví dụ này, chúng tôi sẽ sử dụng liên kết CDN để đưa jQuery vào trang web của chúng tôi

HTML

3

4

5

6

 

4

8

6

 

0

47

0

4

2

51

52

0

8____12

6

8

8

6

 

4

05

6

0_______94

65

66

65

6

8

05

6

 

8

5

6

đầu ra

Các phương pháp mà chúng tôi đã thảo luận ở trên là tất cả về cách đưa jQuery vào trang. Bây giờ chúng tôi sẽ thực hiện một số kiểm tra xem jQuery có được tải hay không. Chúng ta sẽ xem một số ví dụ với đầu ra phù hợp để người dùng có thể hiểu rõ về chúng. Đoạn mã dưới đây sẽ kiểm tra xem jQuery có được tải trên trang của chúng tôi hay không. Chúng tôi sẽ thêm đoạn mã này vào trang của chúng tôi

cú pháp

0

ví dụ 1. Trong ví dụ này, chúng tôi sẽ không cố ý thêm jQuery bằng một trong hai phương thức và kiểm tra jQuery bằng cách sử dụng đoạn mã trên. Trong hình ảnh đầu ra, chúng ta có thể thấy rõ rằng nó phát hiện ra rằng jQuery chưa được tải

HTML

3

4

5

6

 

4

8

6

0______94

2

3

4

5

88

2

6

8

8

6

 

4

05

6

_______10____94____12____96

01

02

03

04

 

05

06

03

08

 

05

10

03

12

01

14

0

8____12

6

8

05

6

 

8

5

6

đầu ra

ví dụ 2. Trong ví dụ này, chúng ta sẽ thấy rằng sau khi thêm jQuery vào trang, nó sẽ phát hiện jQuery trong trang

HTML

3

4

5

6

 

4

8

6

0__

4

2

3

4

37

6

0

8____12

6

8

8

6

 

4

05

6

_______10____94____12____96

01

02

03

04

 

05

06

03

08

 

05

10

03

12

01

14

0

8____12

6

8

05

6

 

8

5

6

đầu ra. Chúng ta có thể thấy rằng nó phát hiện ra rằng jQuery được đưa vào trang

ví dụ 3. Bây giờ trong ví dụ này, chúng tôi sẽ kiểm tra jQuery trên trang. Nếu jQuery đã được tải thì không sao, tuy nhiên nếu nó không tải thì chúng ta sẽ thêm thư viện jQuery vào trang

Bạn có thể đặt jQuery trong tệp JavaScript không?

Tôi có thể sử dụng jQuery bên trong hàm JavaScript không?

Tôi có thể sử dụng JS và jQuery trong cùng một tệp không?

Làm cách nào để nhập tệp jQuery vào phản ứng JS?