Meow tỷ

Using jQuery variables 100%

Gọi một hàm thư viện jQuery

Gọi một hàm thư viện jQuery để sự kiện làm việc trên trang của bạn

Nếu bạn muốn để một sự kiện làm việc trên trang của bạn, bạn nên gọi nó bên trong hàm $(document).ready(). Mọi thứ bên trong sẽ tải ngay sau khi DOM được tải và trước khi nội dung trang được tải.

Để làm điều này, chúng ta đăng ký một sự kiện đã sẵn sàng cho tài liệu như sau:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

$(document).ready(function() {

   // do stuff when DOM is ready

});

Để gọi bất kỳ hàm thư viện jQuery nào, sử dụng các thẻ HTML script như dưới đây:

<html>

   <head>

      <title>The jQuery Example</title>

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/2.1.3/jQuery.min.js">

      </script>

      <script type="text/javascript" language="javascript">

         $(document).ready(function() {

            $("div").click(function() {alert("Hello, world!");});

         });

      </script>

   </head>

   <body>

      <div id="mydiv">

      </div>

   </body>

</html>

Các hàm có sẵn trong jQuery là gì?

JavaScript đi kèm một tập hợp các hàm hữu ích gắn liền với nó. Những phương thức này có thể được sử dụng để thao tác String, Number, và Date.

Bảng dưới liệt kê các hàm JavaScript quan trọng:

charAt() Trả về ký tự tại chỉ mục (index) đã cho.
concat() Kết nối hai chuỗi văn bản và trả về một chuỗi mới.
forEach() Gọi một hàm cho mỗi phần tử của một mảng.
indexOf() Trả về chỉ mục về sự xuất hiện đầu tiên bên trong việc gọi đối tượng String với giá trị đã cho, hoặc -1 nếu không tìm thấy.
length() Trả về độ dài của chuỗi.
pop() Gỡ bỏ phần tử cuối của một mảng và trả về phần tử đó.
push() Thêm một hoặc nhiều phần tử tới phần cuối của một mảng và trả về độ dài mới của mảng đó.
reverse() Đảo ngược thứ tự các phần tử trong một mảng. Phần tử đầu tiên thành cuối cùng và cuối cùng thành đầu tiên.
sort() Sắp xếp phân loại các phần tử của một mảng.
substr() Trả về các ký tự trong một mảng bắt đầu từ vị trí đã cho từ số các ký tự đã xác định.
toLowerCase() Trả về giá trị chuỗi đang gọi được biến đổi thành kiểu chữ thường.
toString() Trả về sự biểu diễn chuỗi của giá trị số.
toUpperCase() Trả về giá trị chuỗi đang gọi được biến đổi thành chữ hoa.

Custom Script trong jQuery là gì?

Nên sử dụng code riêng Custom JavaScript trong jQuery

jQuery thực sự chạy tốt hơn khi bạn có riêng Custom Code trong một Custom JavaScript file: custom.js, như sau:

1

/* Filename: custom.js */$(document).ready(function() {   $("div").click(function() {      alert("Hello, world!");   });});

Bây giờ chúng ta bao custom.js này vào trong HTML file như sau:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html>

   <head>

      <title>The jQuery Example</title>

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/2.1.3/jQuery.min.js">

      </script>

                                     <script type="text/javascript" src="../custom.js"></script>

   </head>

    <body>

      <div id="mydiv">         Click on this to see a dialogue box.      </div>

   </body>              

</html>

Sử dụng nhiều thư viện trong jQuery

Nhiều thư viện trong jQuery chạy cùng nhau mà không xảy ra xung đột

Trong jQuery, bạn có thể sử dụng nhiều thư viện khác nhau mà không gây sự xung đột giữa chúng. Ví dụ, bạn có thể dùng song hành thư viện jQuery và thư viện MooTool JavaScript cùng với nhau. Bạn có thể kiểm tra phương thức: jQuery – Phương thức noConflict để tìm hiểu thêm chi tiết.

Nhìn chung, jQuery đã đáp ứng nhu cầu của lập trình hiện đại đó là hạn chế việc lập trình nhiều, nhưng vẫn đảm bảo các yêu cầu, đúng như slogan của jQuery “write less, do more” (viết mã ít mà hiệu quả đạt được lại tối đa). Hy vọng qua bài viết từ Mắt Bão – nhà cung cấp tên miền website uy tín, bạn sử dụng jQuery để phát triển thiết kế web thành công.

Tìm kiếm Blog này

Meow tỷ

Gọi một hàm thư viện jQuery

Các hàm có sẵn trong jQuery là gì?

Custom Script trong jQuery là gì?

Sử dụng nhiều thư viện trong jQuery

Nhận xét

Đăng nhận xét