Lỗi khi hide modal bị load lại trang năm 2024
Chắc hẵn ai làm việc với những ứng dụng web thì đều đã nghe qua thậm chú là làm việc với JQuey rất nhiều. jQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn. Vì vậy độ phổ biến của nó cũng rất lớn và được tin tưởng sử dụng của nhiều Dev Web, sau một thời gian làm việc với JQuery có một số Tips mình muốn chia sẻ với mọi người, hi vọng nó sẽ giúp công việc của mọi người sẽ trở nên dễ dàng hơn. Show
1. Bạn có thể viết ngắn ngọn sự kiện document readyThông thường mọi người sẽ viết thế này
Tuy nhiên bạn có thể rút ngắn hơn một chút
2. Tối ưu hóa hiệu suất của các selectors phức tạp
3. Tìm index của một element trong một danh sách các elementjQuery có hàm .index nhưng thật khó sử dụng vì bạn cần danh sách các phần tử và chuyển vào phần tử mà bạn muốn chỉ mục của nó:
Tuy nhiên cũng có cách cũng không phải ngắn gọn hơn nhưng bớt phải lấy danh sách các phần tử:
4. Hãy thử sử dụng data method thay vì attrMình biết có một số bạn muốn set một data tên myval sẽ làm thế này $(' mydiv').attr("data-myval","20"); Việc này cũng ok nhưng khi đó nó sẽ làm thay đổi dom của bạn. Việc sử dụng data method cho phép bạn bind dữ liệu với các DOM element mà không cần sửa đổi DOM.
5. Kiểm tra một element đã tồn lại chưa
6. Tạo htmt động mà không dùng chuỗi !!!Một số bạn khi code khi muốn tạo một HTML DOM động thì sẽ làm kiểu thế này
Viết kiểu này với cây DOM đơn giản thì không sao, nhưng vớinhưng cây nhiều phần tử và phức tạp thì nối string mệt nghỉ, xong bạn sẽ thấy kí tự
6 chóng mặt luôn chưa kể code sẽ dài và đế hiển thị theo cây DOM cũng khá khó. Vậy cách khác là gì? Bạn thử xem đoạn code sau nhé :
|