Xây dựng một DropDown menu với jQuery
Ví dụ hướng dẫn cơ bản tạo ra một Menu dạng Drop-Down, chức năng cơ bản là khi người dùng bấm vào mục gốc của Menu, thì menu sẽ đổ xuống danh sách các mục chọn. Trong trường hợp danh sách đang đổ mà người dùng bấm bên ngoài Menu đó, thì menu phải thu danh...
Cách tạo ra các hiệu ứng chuyển động phần tử DOM HTML trong jQuery
Như đã đề cập ở tiêu đề, để tạo ra được các hiệu ứng chuyển động phần tử chúng ta sẽ dùng đến phương thức animate().
Phương thức animate() giúp bạn tạo ra các hiệu ứng động bằng cách thay đổi các thuộc tính của phần tử từ giá...
Cách dùng jQuery để ẩn hiện phần tử HTML DOM có kèm hiệu ứng
Trong jQuery có các phương thức như hide(), show(), toggle(), fadeToggle(), slideToggle(). Những phương thức này có chức năng ẩn hiện phần tử có kèm hiệu ứng.
Hiệu ứng Hide/Show
jQuery có một số hiệu ứng động rất dễ để sử dụng. Trong...
Sử dụng jQuery bắt các sự kiện và tìm hiểu về đối tượng Event trong jQuery
jQuery cung cấp một công cụ mạnh mẽ để bắt các sự kiện trong JavaScript. Các sự kiện được phát sinh khi người dùng thực hiện các hành động trên trang, ví dụ bấm vào một phần tử, di chuyển chuột, gửi form ...
Xét một ví...
Tìm hiểu các phương thức loại bỏ phần tử khỏi DOM HTML của jQuery
Trong jQuery có vài phương thức để loại bỏ phần tử trong DOM như: .empty(), .remove(), .detach()
.empty() : phương thức này loại bỏ tất cả các phần tử con của phần tử chọn được.
.remove() : loại bỏ các phần tử chọn được...
Sử dụng các hàm trong jQuery để lựa chọn phần tử trong DOM
Ở đây chúng ta sẽ xem sự di chuyển trong DOM, đưa ra sự lựa chọn căn cứ theo phần tử đang chọn như phần tử cha, con ...Xem các hàm sau (DOM tree giống cây phả hệ):
.parent() lấy phần tử cha trực tiếp của phần tử.
.parents() lấy phần tử...
Cách sử dụng các phương thức jQuery để tương tác với CSS class
jQuery có một số phương thức làm việc với class CSS như: .addClass(), .hasClass(), .removeClass(), .toggleClass()
addClass thêm class vào phần tử
removeClass xóa đi class trong phần tử
hasClass kiểm tra xem phần tử có một CSS class...
Cách sử dụng các phương thức để đọc và gán giá trị cho phần tử HTML bằng jQuery
JQuery có một số phương thức để tương tác với nội dung của các phần tử HTML. Trong đó phương thức html() được dùng để lấy nội dung phần tử được chọn, nó lấy cả nội dung HTML markup. Còn nếu muốn chỉ lấy nội dung...
Lấy giá trị và thiết lập giá trị thuộc tính phần tử HTML bằng jQuery
Chúng ta có thể tương tác lấy, gán giá trị cho thuộc tính HTML (href, src, id, class, style ... ) rất dễ dàng thông qua jQuery. Phương thức attr() sử dụng để lấy giá trị thuộc tính và gán giá trị thuộc tính.
attr(attr_name) ...
Senior Javaweb Developer / Lập Trình Viên Javaweb ( Salary Up to $1500 )
KHU VỰC: HÀ NỘI
CÔNG TY: SALTLUX INC. REPRESENTATIVE OFFICE IN HANOI
CẤP BẬC: Nhân viên
KỸ NĂNG: Angular5.x., Jquery, Java
NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ
MỨC LƯƠNG: Từ Thương lượng
MÔ TẢ CÔNG VIỆC
• Phát triển các ứng...
Lập Trình Viên Magento
KHU VỰC: HÀ NỘI
CẤP BẬC: Nhân viên
KỸ NĂNG: Jquery, Css3, Html5
NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ
MỨC LƯƠNG: Tới $2000
MÔ TẢ CÔNG VIỆC
1. Phát triển sản phẩm
- Phát triển các giải pháp ecommerce cho các doanh nghiệp bán lẻ toàn cầu sử dụng nền tảng Magento (US, EU, UK...
Sử dụng jQuery EasyZoom để phóng to hình ảnh
Tác giả: Alen Grakalic
Website: http://i-like-robots.github.io/EasyZoom
Plugin này được tạo ra để giúp chúng ta có thể hiển thị những hình ảnh cỡ lớn giúp người dùng có thể xem rõ hình ảnh hơn. Nhất là ở những Website bán hàng, khi mà người dùng...
Tìm hiểu và cách sử dụng toàn tập về jQuery Ajax
Ajax không phải là ngôn ngữ mà là kĩ thuật trong Javascript, giúp chúng ta tạo ra các ứng dụng Web Không đồng bộ (Asynchronous). Nói dễ hiểu hơn là kĩ thuật “load dữ liệu không cần load lại trang” hay “load một phần website”, giúp website linh...
Tìm hiểu và cách sử dụng jQuery Lazy Load
Chắc hẳn trong quá trình xây dựng Website, ít nhiều các bạn cũng từng nghĩ làm cách nào để có thể giảm tải bớt băng thông cho việc load hình ảnh trên Website, nhất là những trang người dùng chỉ load vào xem nội dung rồi vội vàng ra đi. Như thế thì chúng...
Tìm hiểu và cách sử dụng jQuery Validation
Giới thiệu và Cài đặt
Tác giả: Jörn Zaefferer
Website: http://jqueryvalidation.org
jQuery Validation được xây dựng giúp các lập trình viên có thể xác thực được những thông tin người dùng nhập vào Form một cách nhanh chóng và dễ dàng.
Để có thể...
Tìm hiểu về các phương thức sự kiện trong jQuery
DOM 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...
Tìm hiểu một số tính năng mới trong jQuery 1.9
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...
Sử dụng jQuery để xây dựng plugin slide-door
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, mình đã 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 để...
Sử dụng jQuery plugin Gips để tạo tooltip đơn giản
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...
Thêm hiệu ứng magic line cho navigation bằng jQuery
Bài viết này 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...