:radio Selector trong jquery

Radio Selector sẽ lựa chọn tất cả các phần tử có type là radio. $( ":radio" ) và $( "[type=radio]" ) tương đương với nhau, cũng giống như các selector giả định khác(các selector bắt đầu bởi dấu ":") chúng nên được đặt trước bởi một tên thẻ hoặc một selector nào đó nếu không nó sẽ được hiểu ...

Tác giả: Trịnh Tiến Mạnh viết 09:51 ngày 14/08/2018

HTML căn bản

Trước khi bắt đầu học làm web thì ban phải học HTML và CSS vì hai ngôn ngữ này giúp bạn xây dựng giao diện của website, đẹp hay xấu là phụ thuộc vào cách sử dụng và trình bày bổ cục hợp lý. Nhằm giúp bạn cũng cố lại các thẻ html thì trong phần này mình sẽ giới thiệu các thành phần thường được dùng ...

Tác giả: Tạ Quốc Bảo viết 09:51 ngày 14/08/2018

:last Selector trong jquery

Last Selector sẽ chọn phần tử cuối cùng trong số các phần tử DOM tìm được. Last Selector sẽ chỉ chọn được một phần tử thông qua việc lọc các kết quả của selector hiện tại và trả về phần tử cuối cùng tìm được trong các kết quả đó. Chú ý : Bởi vì :last là một Jquery ...

Tác giả: Hoàng Hải Đăng viết 09:51 ngày 14/08/2018

:contains() Selector trong jquery

Contains() Selector​ sẽ lựa chọn tất cả các phần tử có nội dung có chứa đoạn text được cung cấp. Văn bản text có thể xất hiện trực tiếp trong phần tử đã chọn, trong bất kì phần tử con nào của phần tử đó hoặc trong một phần tử kết hợp với nó. Văn bản bên trong :contains() có thể được viết ...

Tác giả: Hoàng Hải Đăng viết 09:51 ngày 14/08/2018

:target Selector trong jquery

Target Selector sẽ lựa chọn phần tử được chỉ ra bởi fragment trong URI của tài liệu. Nếu URI có bao gồm một fragment hoặc một hash, thì :target sẽ tìm kiếm phần tử dựa vào id được cung cấp bởi fragment hoặc hash đó. Ví dụ nếu URI có dạng https://code24h.com#target thì :target selector sẽ tìm ...

Tác giả: Tạ Quốc Bảo viết 09:51 ngày 14/08/2018

HTML5 Canvas

Trong bài này chúng ta sẽ tìm hiểu một đối tượng rất hay trong HTML5 đó là thẻ canvas, thẻ này thường được dùng để vẽ đồ họa, làm web game. Canvas là một thẻ mới trong HTML5 và nhiệm vụ của nó là giống như màn hình Tivi vậy, nó sẽ hiển thị kết quả đồ họa của một chường trình Javascript. Như ...

Tác giả: Hoàng Hải Đăng viết 09:50 ngày 14/08/2018

:submit Selector trong jquery

Submit Selector sẽ lựa chọn tất cả các phần tử có type="submit". Submit Selector sẽ hoạt động đối với các thẻ input có type="submit" hoặc các thẻ button . Lưu ý rằng một số trình duyệt coi một thẻ button hoàn toàn giống với một thẻ input có type="submit" trong khi một số khác thì ...

Tác giả: Tạ Quốc Bảo viết 09:50 ngày 14/08/2018

Twitter Bootstrap 4

BÀI KẾ SAU BÀI KẾ TIẾP

Tác giả: Bùi Văn Nam viết 09:49 ngày 14/08/2018

ID Selector (“#id”) trong jquery

ID Selector sẽ lựa chọn một phần tử có id được cung cấp. Đối với ID Selector , Jquery sẽ sử dụng hàm document.getElementById() của Javascript. Khi một selector khác được đặt vào trước id selector , ví dụ h1#title, Jquery sẽ thực hiện các selector đó trước sau đó mới thực hiện tìm kiếm ...

Tác giả: Hoàng Hải Đăng viết 09:49 ngày 14/08/2018

:file Selector trong jquery

File Selector sẽ lựa chọn phần tử html có type=file. :file và [type="file"] tương đương với nhau về chức năng. Cũng giống như những selector giả định khác(những selector bắt đầu bằng ":") bạn nên đặt trước nó một tên thẻ hoặc một selector khác, nếu không nó sẽ được hiểu là bộ chọn ...

Tác giả: Trịnh Tiến Mạnh viết 09:49 ngày 14/08/2018

:visible Selector trong jquery

Visible Selector sẽ lựa chọn tất cả các phần tử có thể thấy được. Nói cách khác nó sẽ lựa chọn tất cả các phần tử không bị ẩn đi ( ngược lại so với :hidden). Các phần tử được xem là hiển thị khi chúng có chiếm không gian trong tài liệu, các phần tử hiển thị sẽ có awidth hoặc height lớn hơn ...

Tác giả: Tạ Quốc Bảo viết 09:49 ngày 14/08/2018

Next Adjacent Selector (“prev + next”) trong jquery

Next Adjacent Selector sẽ tìm kiếm phần tử xuất hiện ngay sau các phần tử được xác đinh bởi một selector prev nào đó. Một điểm rất quan trọng cần lưu ý khi xác định selector prev và next là chúng phải có cùng một phần tử cha. Cú pháp Cú pháp ...

Tác giả: Trịnh Tiến Mạnh viết 09:49 ngày 14/08/2018

:password Selector trong jquery

Password Selector sẽ lựa chọn tất cả các phần tử có type là password. $( ":password" ) và $( "[type=password]" ) tương đương với nhau, cũng giống như các selector giả định khác(các selector bắt đầu bởi dấu ":") chúng nên được đặt trước bởi một tên thẻ hoặc một selector nào đó nếu không nó sẽ ...

Tác giả: Tạ Quốc Bảo viết 09:49 ngày 14/08/2018

:first Selector trong jquery

First Selector sẽ chọn phần tử đầu tiên trong số các phần tử DOM tìm được. Selector giả định :first tương đương với :eq( 0 ). Nó cũng có thể được viết thành :lt( 1 ). Trong khi :first sẽ chỉ tìm kiếm một kết quả duy nhất thì :first-child có thể tìm kiếm nhiều kết quả, một cho mỗi phần tử ...

Tác giả: Hoàng Hải Đăng viết 09:49 ngày 14/08/2018

Attribute Contains Word Selector [name~=”value”] trong jquery

Attribute Contains Word Selector​ sẽ lựa chọn các phần tử dựa theo thuộc tính đã được thiết lập. Selector này sẽ tìm kiếm tất cả các phần tử có giá trị của thuộc tính có chứa từ được cung cấp và từ đó phải được ngăn cách với các kí tự khác bằng một khoảng trắng( xem ví dụ để hiểu rõ hơn). Cú ...

Tác giả: Tạ Quốc Bảo viết 09:49 ngày 14/08/2018

:nth-of-type() Selector trong jquery

:nth-of-type() Selector sẽ chọn các phần tử con thứ n nào đó trong số các phần tử cùng cấp và có cùng tên thẻ trong một phần tử cha với n là số được cung cấp như một tham số khi gọi selector. Không giống như các index-related selectors (:eq(), :lt(), :gt(), :even, :odd), do sự thực thi ...

Tác giả: Bùi Văn Nam viết 09:48 ngày 14/08/2018

:selected Selector trong jquery

Selected Selector sẽ lựa chọn tất cả các phần tử đã được lựa chọn(selected). Selected Selector sẽ chỉ hoạt động đối với các thẻ option của thẻ select . Nó không hoạt động với thẻ checkbox hay thẻ input radio , sử dung :checked cho các thẻ này. Chú ý : Bởi vì :selected là một ...

Tác giả: Trịnh Tiến Mạnh viết 09:48 ngày 14/08/2018

:lang() Selector trong jquery

Lang Selector sẽ lựa chọn tất cả các phần tử đã được thiết lập ngôn ngữ giống với ngôn ngữ được cung cấp khi gọi selector. Lang Selector sẽ lựa chọn tất cả các phần tử có ngôn ngữ giống với ngôn ngữ được cung cấp hoặc bắt đầu bằng ngôn ngữ được cung cấp và theo sau bởi "-". Ví dụ, ...

Tác giả: Trịnh Tiến Mạnh viết 09:48 ngày 14/08/2018

Next Siblings Selector (“prev ~ siblings”) trong jquery

Next Siblings Selector sẽ tìm kiếm phần tử cùng cấp xuất hiện sau các phần tử được xác định bởi một selector prev nào đó và thỏa mãn selector được cung cấp. Sự khác nhau giữa (prev + next) và (prev ~ siblings) là trong khi (prev + next) sẽ chỉ tìm kiếm phần tử xuất hiên ngay sau phần tử ...

Tác giả: Hoàng Hải Đăng viết 09:48 ngày 14/08/2018

Class Selector (“.class”) trong jquery

Class Selector sẽ lựa chọn tất cả các phần tử có class được cung cấp. Đối với Class Selector , Jquery sẽ sử dụng hàm getElementsByClassName() của Javascript nếu như trình duyệt hỗ trợ. Cú pháp Cú pháp jQuery( ".class" ) Trong đó: ...

Tác giả: Hoàng Hải Đăng viết 09:48 ngày 14/08/2018