: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 ...
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 ...
: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 ...
: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 ...
: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 ...
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ư ...
: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ì ...
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 ...
: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 ...
: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 ...
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 ...
: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ẽ ...
: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ử ...
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ú ...
: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 ...
: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 ...
: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ụ, ...
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ử ...
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 đó: ...