Trang chủ » Lập trình » Lập trình jquery – Tổng hợp các đoạn mã (snippet) hữu ích

Lập trình jquery – Tổng hợp các đoạn mã (snippet) hữu ích

2468 Lượt xem

Bài viết này dùng để tổng hợp các đoạn mã nhỏ (snippet) mà tôi sưu tầm và chỉnh sửa lại để tiện cho việc tham khảo và…copy paste. Một số đoạn mã sử dụng phương pháp tạo plugin cho jQuery, đây là kĩ thuật rất hữu ích mà jQuery cung cấp giúp bạn có thể chia sẻ, tái sử dụng và giúp cho mã nguồn được rõ ràng.

1. Nạp jQuery phiên bản mới nhất

<script>
$(function(){
// jQuery Code Here
});
</script>

2. Vô hiệu hóa menu ngữ cảnh khi nhấn chuột phải

$(document).bind('contextmenu',<strong>function</strong>(e){ 
    <strong>return</strong> <strong>false</strong>; 
    });

3. Chỉnh tọa độ thành phần vào giữa màn hình

jQuery.fn.center = function () {

    this.css('position','absolute');
    this.css('top', ( $(window).height() – this.height() ) / 2 +$(window).scrollTop() + 'px');
    this.css('left', ( $(window).width() – this.width() ) / 2 + $(window).scrollLeft() + 'px');return this;}
// Usage $("#first").center();

4. Tải trước các hình ảnh

jQuery.preloadImages = function() { for(var i = 0; i').attr('src', arguments[i]); } };

// Usage $.preloadImages('image1.gif', '/path/to/image2.png', 'some/image3.jpg');

5. Hiệu ứng cuộn trang đến một thành phần nào đó

jQuery.fn.autoscroll = function() {

        alert($(this).html());
  $('html,body').animate(
    {scrollTop: $(this).offset().top},
    500
  );
}
 
// Usage: $("#myElement").autoscroll();
Nếu bạn có đoạn mã nào muốn chia sẻ, xin hãy để lại comment. Thanks!!!

THAM KHẢO THÊM CÁC SẢN PHẨM HOT NHẤT HIỆN NAY
Giày Cafe SHOEX
Hạ Khang Đường - Ổn định đường huyết
Saffron Extra White
Cốc Nguyệt San BEUCUP
Maxi White
Fysoline - Nước muối sinh lý dành cho bé sơ sinh và trẻ nhỏ
Mặt nạ thon mặt Vline
Finava - Tinh chất vàng sáng da, trị nám ngăn ngừa lão hoá
Trị Mụn Caryophy
Rong Nho Sabudo
Son YUMEISAKURA
Máy Khử Mùi MARKEL
Orlavi - Làm mờ sẹo
Dottorprimo - Trị các vết sẹo nặng
ZEN - Sản phẩm giúp hỗ trợ giảm căng thẳng
Nồi Chiên Không Dầu COSORI
Nồi Chiên Không Dầu LOTTE
Dưỡng Trắng RealWhite
Máy rửa mặt Pebble Lisa
Dầu Gội Nature Quen - Sao Thái Dương