jQuery

Hiểu rõ về các phương thức sự kiện được viết trong jQuery

  • JavaScript
  • 14 tháng 10 2014
  • bởi Văn Khương
  • 0 Comments

Hiểu rõ về các phương thức sự kiện được viết trong jQueryDOM cho chúng ta một số event để tương tác với người dùng trên DOM, nay chúng ta có nhiều lựa chọn hơn khi dùng jQuery, khá nhiều phương thức được viết trong jQuery để thực hiện cho một vài sự kiện người dùng trên DOM hoặc một số sự kiện tự định nghĩa, qua nhiều phiên bản tiến lên có một số phương thức trong jQuery đã được thay thế nhưng vẫn giữ lại hoặc đã bỏ đi, một vài liệt kê sau sẽ sơ lược lại những gì jQuery đã viết để có cách nhìn rõ ràng và tổng quát...

Một số tính năng mới ở jQuery 1.9

  • JavaScript
  • 03 tháng 03 2013
  • bởi Văn Khương
  • 0 Comments

Phiên bản jQuery 1.9 được phát hành vào ngày 15 tháng 1 năm 2013, đây là một sự đánh dấu quan trọng trước khi tiến lên phiên bản 2.0, từ phiên bản 2.0 jQuery sẽ không còn hỗ trợ trên các trình duyệt IE cũ. Ở phiên bản mới này sẽ có một vài phương thức mới, một vài phương thức được thay đổi hoặc bỏ đi bởi chúng có thể có quá ít người dùng, giễ gây nhầm lẫn hoặc cần được cải thiện lại và loại bỏ dần sự hỗ trợ trên các trình duyệt...

Xây dựng plugin slide-door với jQuery

  • JavaScript
  • 21 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

Lấy ý tưởng từ cửa kéo truyền thống Nhật Bản, và từ mẫu thiết kế của ông Yoshiki Kuraki cho hệ thống cửa hàng The Sushibar, tôi đã xây dựng một plugin đơn giản với jQuery với tên gọi vkSlidedoor, bài viết này sẽ giúp bạn hiểu hơn về cách thức để phát triển một plugin javaScript đơn giản với jQuery. Đầu tiên bạn cần chuẩn bị sẵn thư viện jQuery và một thư viện hiệu ứng mở rộng animation jQuery easing và đảm bảo...

Hammer thư viện JavaScript chạm cho màn hình cảm ứng

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

hammer_thu_vien_javascript_cham_cho_man_hinh_cam_ung

Công nghệ luôn luôn thay đổi và tiến bộ, màn hình cảm ứng ngày càng chiếm tỉ lệ lớn cho các thiết bị di động và sẽ ngày càng phổ thông. Bài viết này sẽ giới thiệu một thư viện JavaScript tuyệt vời giúp bạn xây dựng giao diện web cho màn hình cảm ứng với các sự kiện chạm bao gồm : tap, double tap, hold, drag, swipe, transform.

Thư viện hammer.js chỉ 22KB bạn có thể sử dụng...

Tooltip đơn giản với jQuery plugin Gips

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

tooltip_plugin_gips

Nếu bạn đã am hiểu và có thể viết ứng dụng với jQuery thì việc viết ứng dụng tooltip không phải là khó nhưng trên internet các plugin tooltip viết với jQuery là khá nhiều bạn hoàn toàn có thể sử dụng miễn phí các plugin đó. Bài viết này sẽ giới thiệu một plugin viết rất nhỏ gọn đó là plugin Gips.

Ưu điểm Kích thước file nhỏ gọn Giễ sử dụng và tùy chỉnh chức năng Giễ...

Hiệu ứng magic line cho navigation với jQuery

  • JavaScript
  • 09 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

magic_line_cho_navigation_voi_jQuery

Bài viết sẽ giới thiệu về một hiệu ứng đơn giản khi hover chuột lên navigation  với jQuery, đoạn mã chương trình được giới thiệu sau ý tưởng thực hiện thuộc về tác giả Chris Coyier trên CSS-tricks.com.

Ý tưởng

Tạo ra phần tử di chuyển chèn vào phía dưới thanh navigation, xác định CSS cho phần tử với thuộc tính position absolute so với relative của navigation, khi xảy ra hành động hover chúng ta sẽ sử dụng phương thức animation trong jQuery...

Hiệu ứng phóng to hình ảnh với jQuery plugin cloud-zoom

  • JavaScript
  • 29 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

hieu_ung_phong_to_hinh_anh_voi_jQuery_plugin_cloud_zoom

Bài viết này sẽ giới thiệu một hiệu ứng khá hay với jQuery, khi bạn hover chuột lên hình ảnh thì sẽ có một hình ảnh phóng to tại phạm vi bao quanh chuột, chức năng giống như một chiếc kính lúp sẽ giới thiệu sau đây thuộc về tác giả R Cecco ở địa chỉ professorcloud.com.

Để sử dụng chúng ta cần có cấu trúc HTML như sau

<link href="cloud-zoom.css"...

Slider đơn giản với jQuery

  • JavaScript
  • 21 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

slider don gian voi jquery

Bài viết trước có hướng dẫn xây dựng một slider đơn giản với JavaScript - DOM, bài viết này tôi sẽ hướng dẫn xây dựng một slider đơn giản với jQuery. Slider có thể chạy tốt trên hầu hết các trình duyệt hiện đại và đồng thời cũng chạy tốt trên trình duyệt Internet Explorer phiên bản 6,7,8... Slider cũng chiếm rất ít tài nguyên xử lý của...

jQuery basic: Attribute Selectors, Custom Selectors

  • JavaScript
  • 19 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

Bài viết này sẽ giới thiệu cách chọn phần tử theo thuộc tính và giựa theo các tùy chọn về vị trí của phần tử.

Attribute Selectors Has Attribute: [foo]

Chọn các phần tử có thuộc tính là foo

Attribute Value Equals: [foo=bar]

Chọn các phần tử có thuộc tính foo với giá trị bằng bar

Attribute Value Does Not Equal: [foo!=bar]

Chọn các phần tử không có thuộc tính foo với giá trị bằng bar

Attribute Value Begins: [@foo^=bar]

Chọn các phần tử có...

jQuery basic: CSS Selectors

  • JavaScript
  • 15 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

jQuery thực sự mạnh mẽ thật đúng với slogan "write less, do more", nó là một thư viện JavaScript rất giễ ràng sử dụng nó giúp các nhà thiết kế và phát triển web thêm các các phần tử có sự tương tác và có tính năng động về phía người dùng. Nếu trước kia bạn viết JavaScript mà không sử dụng thư viện thì sẽ rất dài vì bạn phải tự xây dựng thêm các hàm để chọn rồi sử lý...