Một thế mạnh nữa của jQuery là làm việc với CSS trên nền tảng của việc thay đổi cấu trúc DOM của tài liệu HTML. Ngoài những hỗ trợ về định dạng CSS, CSS trong jQuery cũng được ứng dụng để tạo ra các hiệu ứng trên website. Qua một số bài viết về jQuery trên EW, chúng ta cũng đã làm quen khá nhiều với những phương thức hỗ trợ CSS trong jQuery, hôm nay chúng ta cùng tìm hiểu thêm một số phương thức khác hỗ trợ CSS trong jQuery. 1, Thêm vào và xóa bỏ class của …
Xem tiếp »jQuery
Xóa các phần tử HTML với jQuery Các bài học trước chúng ta đã tìm hiệu một số phương thức trong jQuery để thao tác với các phần tử DOM như: Thêm vào, tìm kiếm thay thế, làm việc với thuộc tính và các phần tử form. Bài học hôm nay chúng ta sẽ tìm hiểu một số phương thức để xóa bỏ các phần tử HTML ra khỏi cấu trúc DOM. .remove(selector) Phương thức .remove () sẽ xóa bỏ thành phần được chọn ra khỏi cấu trúc HTML (bao gồm cả thành phần con, cháu của nó nếu có) …
Xem tiếp »Đây là phần 3 của bài viết “Sửa đổi cấu trúc HTML trong jQuery”, bài học hôm nay chúng ta sẽ cùng tìm hiểu cách thức jQuery làm việc với các thuộc tính của HTML và các phần tử Form 1, Làm việc với các thuộc tính của thẻ HTML Phương thức .attr() Phương thức .attr() cho phép chúng ta lấy giá trị của một thuộc tính nào đó của thẻ HTML, đồng thời nó cũng cho phép chúng ta thêm vào các thuộc tính cho một thành phần nào đó cùng với giá trị của nó a, Lấy giá …
Xem tiếp »Bài học hôm trước chúng ta đã tìm hiểu về các phương thức giúp thêm vào nội dung, hoặc thậm chí là những thành phần HTML khác vào trong một thành phần HTML nào đó, hôm nay chúng ta tiếp tục tìm hiểu một số phương thức trong jQuery giúp chúng ta lấy nội dung, sao chép và thay thế nội dung của các thành phần HTML Lấy giá trị của các thành phần HTML .html() Phương thức .html() có 2 tác dụng 1, Lấy toàn bộ nội dung của thành phần tìm được bao gồm cả các thẻ HTML …
Xem tiếp »Một trong những thế mạnh của jQuery là có thể can thiệp vào cấu trúc DOM (mô hình đối tượng tài liệu) của tài tài liệu HTML. jQuery có thể dễ dàng thêm, bớt, sửa đổi thuộc tính của thành phần HTML, thậm chỉ xóa hoàn toàn các thẻ HTML ra khỏi tài liệu trước khi nó được hiển thị lên trình duyệt. Trong phần 1, chúng ta sẽ cùng tìm hiều một số phương thức phương thức phổ biến của jQuery để thêm vào nội dung và các thành phần mới vào trong tài liệu HTML Thêm thành phần …
Xem tiếp »Trong Video: “Làm việc với Form trong Javascript” mình đã hướng dẫn bạn cách thức kiểm tra dữ liệu người dừng nhập vào Form nhưng chỉ dừng lại ở mức độ cơ bản. Trong khi đó kiểm tra dữ liệu người dùng nhập vào đủ và “đúng định dạng dữ liệu” vô cùng quan trọng. Để kiểm tra đúng các định dạng như: email, ngày tháng… đòi hỏi bạn phải có những kiến thức rất phức tạp về biểu thức chính quy (Regular Expression) để có viết được những biểu thức khớp mẫu. Thêm vào đó, form lại có …
Xem tiếp »Bài học trước mình đã hướng dẫn bạn cách Tạo tabs với jQuery và CSS nhưng có một nhược điểm là khả năng tái sử dụng mã không cao. Chẳng hạn trên website của bạn cần có 2 tabs thì bạn cần code jQuery thêm một lần nữa để tạo ra tabs thứ 2. Và cũng mất nhiều thời gian hơn khi bạn muốn ứng dụng cho một trang khác của bạn. jQuery iTabs là một plugin mình viết để phục vụ cho công việc của mình, nhân tiện đây xin chia sẻ cùng mọi người. Về cơ bản thì nguyên lý hoạt …
Xem tiếp »Tương tự Dropdown menu, Tabs cũng được sử dụng khá nhiều trong việc trình bày nội dung trên website. Tabs giúp người thiết kế trình bày được nhiều nội dung hơn trong cùng một khoảng không gian nhất định. Mặc dù có rất nhiều Plugin của jQuery giúp chúng ta tạo ra ứng dụng Tabs trên website nhanh chóng, nhưng bạn cũng có thể tự thiết kế được Tabs theo ý muốn của mình chỉ với CSS và một chút kiến thức về jQuery. Qua bài học này, chúng ta sẽ tìm hiểu cách thiết kế Tabs trên website với …
Xem tiếp »jQuery cung cấp cho chúng ta khá nhiều các sự kiện đủ để thao tác với các thành phần trên website mà chúng ta mong muốn. Bên cạnh đó, jQuery còn loại bỏ hoàn toàn các event code ra khỏi mã HTML như cách viết javascript thông thường Trong javascript, để xuất hiện thông báo với người dùng khi click vào liên kết bạn phải viết như sau: Bạn nhận thấy rằng chúng ta phải viết mã để gọi sự kiện onclick ngay trong liên kết <a>. Nhưng với jQuery thì chúng ta có thể sử dụng bộ selector để …
Xem tiếp »Hầu như các selector của jQuery cung cấp đã giúp chúng ta có thể chọn và thao tác với các phần tử DOM một các dễ dàng. Tuy nhiên jQuery còn cung cấp cho chúng ta thêm những phương thức để di chuyển lên, xuống và quanh cây DOM. Một số phương pháp mà jQuery giới thiệu được chuyển sang từ các selector riêng của jQuery 1, .add() jQuery sử dụng phương thức này để thêm vào các selector giúp chúng ta bổ sung các phần tử để thao tác Ở dòng code đầu tiên chúng ta sẽ sử dụng …
Xem tiếp »