jQuery: Mẹo và thủ thuật (Phần 1)

Trong Series bài viết này, mình sẽ nói về các mẹo và thủ thuật khi code với jQuery. Tuy những kiến thức này nhỏ và khá đơn giản, nhưng sẽ giúp các bạn code với jQuery hiệu quả và tiết kiệm thời gian hơn khá nhiều đấy. Cùng bắt đầu nào #### Cú pháp ##### Viết tắt cho sự kiện "sẵn sàng" Thông thường, để bắt sự kiện trang web đã sẵn sàng (hay là tải xong) thì chúng ta sẽ code như sau: ```js $(document).ready(function () { // ... }); ``` Và cách viết tắt của dòng code này là: ```js $(function () { // ... }); ``` ##### Ngắt dòng và khả năng tạo chuỗi (chainability) Khi các hiệu ứng, chức năng được gọi nối tiếp nhau trên một đối tượng, sẽ tạo thành một chuỗi các mắc xích dài ngoằn. Ví dụ: ```js $("a").hide().addClass().fadeIn().hide(); ``` Khi đó, để dễ dàng cho người đọc code, cũng như tăng khả năng hiệu chỉnh sau này, mình sẽ sử dụng "khả năng tạo chuỗi của jQuery" với dấu ngắt dòng như sau: ```js $("a") .hide() .addClass() .fadeIn() .hide(); ``` Lúc này, mỗi một hiệu ứng hay chức năng sẽ nằm riêng trên một dòng, rất dễ quan sát và chỉnh sữa mà không sợ nhầm lẫn với các hiệu ứng, chức năng khác.