Tổng hợp một số bộ chọn jQuery Selector khác (phần 3)

views

A+A-

PrintEmail

Hôm nay chúng ta sẽ cùng tìm hiểu về bộ chọn jQuery đối với các phần tử trong biểu mẫu (Form Elements) như <input>, <textbox>, <textarea>,<select>, <button> v.v.. Cùng xem cú pháp và cách sử dụng, cũng như những ví dụ nhé

Để xem tất cả bộ chọn jQuery Selectors. Các bạn truy cập tại đây nhé

jQuery :input Selector

Syntax

Bộ chọn jQuery :input Selector có cú pháp

$(":input")

Bộ chọn jQuery :input Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu như <textbox>, <textarea>,<select> (drop-down list), và kể cả là <button>

Ví dụ

Chọn tất cả những phần tử <input>

  $(":input")

Thử code »

jQuery :text Selector

Syntax

Bộ chọn jQuery :text Selector có cú pháp

$(":text")

Bộ chọn jQuery :text Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="text"

Ví dụ

Chọn tất cả những phần tử <input> có type="text"

$(":text")

Thử code »

jQuery :password Selector

Syntax

Bộ chọn jQuery :password Selector có cú pháp

$(":text")

Bộ chọn jQuery :password Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="password"

Ví dụ

Chọn tất cả những phần tử <input> có type="password"

$(":password")

Thử code »

jQuery :radio Selector

Syntax

Bộ chọn jQuery :radio Selector có cú pháp

$(":radio")

Bộ chọn jQuery :radio Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="password"

Ví dụ

Chọn tất cả những phần tử <input> có type="radio"

$(":radio")

Thử code »

jQuery :checkbox Selector

Syntax

Bộ chọn jQuery :checkbox Selector có cú pháp

$(":checkbox")

Bộ chọn jQuery :checkbox Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="checkbox"

Ví dụ

Chọn tất cả những phần tử <input> có type="checkbox"

$(":checkbox")

Thử code »

jQuery :submit Selector

Syntax

Bộ chọn jQuery :submit Selector có cú pháp

$(":submit")

Bộ chọn jQuery :submit Selector dùng để chọn tất cả những phần tử <button>, và <input> của biểu mẫu có type="submit"

Ví dụ

Chọn tất cả những phần tử <button>, và <input> có type="submit"

$(":submit")

Thử code »

Lưu ý: Nếu một phần tử <button> không xác định loại type, thì hầu hết mọi trình duyệt đều cho button đó có type="submit"

jQuery :reset Selector

Syntax

Bộ chọn jQuery :reset Selector có cú pháp

$(":reset")

Bộ chọn jQuery :reset Selector dùng để chọn tất cả những phần tử <button>, và <input> của biểu mẫu có type="reset"

Ví dụ

Chọn tất cả những phần tử <button>, và <input> có type="reset"

$(":reset")

Thử code »

jQuery :button Selector

Syntax

Bộ chọn jQuery :button Selector có cú pháp

$(":button")

Bộ chọn jQuery :button Selector dùng để chọn tất cả những phần tử <button> và <input> của biểu mẫu có type="button"

Ví dụ

Chọn tất cả những phần tử <button> và <input> có type="button"

$(":button")

Thử code »

jQuery :image Selector

Syntax

Bộ chọn jQuery :image Selector có cú pháp

$(":button")

Bộ chọn jQuery :image Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="image"

Ví dụ

Chọn tất cả những phần tử <input> có type="image"

$(":image")

Thử code »

Lưu ý: Bộ chọn này sẽ không nhận diện ra đối với thẻ <img src='link_anh' /> nhé

jQuery :file Selector

Syntax

Bộ chọn jQuery :file Selector có cú pháp

$(":file")

Bộ chọn jQuery :file Selector dùng để chọn tất cả những phần tử <input> của biểu mẫu có type="file"

Ví dụ

Chọn tất cả những phần tử <input> có type="file"

$(":file")

Thử code »

jQuery :enabled Selector

Syntax

Bộ chọn jQuery :enabled Selector có cú pháp

$(":enabled")

Bộ chọn jQuery :enabled Selector dùng để chọn tất cả những phần tử được kích hoạt, không bị vô hiệu, không có thuộc tính disabled, tức có nghĩa người dùng có thể thao tác trên phần tử đó.

Ví dụ

Chọn tất cả những phần tử enabled

$(":enabled")

Thử code »

jQuery :disabled Selector

Syntax

Bộ chọn jQuery :disabled Selector có cú pháp

$(":enabled")

Bộ chọn jQuery :disabled Selector dùng để chọn tất cả những phần tử bị vô hiệu, có thuộc tính disabled, có nghĩa người dùng không thể thao tác trên phần tử đó.

Ví dụ

Chọn tất cả những phần tử disabled

$(":disabled")

Thử code »

jQuery :selected Selector

Syntax

Bộ chọn jQuery :selected Selector có cú pháp

$(":selected")

Bộ chọn jQuery :selected Selector dùng để chọn những phần tử được chọn trước trong drop-down list tức đã có sẵn thuộc tính selected="true" hoặc selected="selected"
Lưu ý: bộ chọn này sẽ không hoạt động với checkbox và radio buttons. Để sử dụng với checkbox và radio buttons các bạn dùng bộ chọn jQuery :checked Selector được đề cập ở dưới nhé

Ví dụ

Chọn phần tử được chọn trước selected

$(":selected")

Thử code »

jQuery :checked Selector

Syntax

Bộ chọn jQuery :checked Selector có cú pháp

$(":checked")

Bộ chọn jQuery :checked Selector dùng để chọn những phần tử được check trước trong checkbox và radio buttons, tức đã có sẵn thuộc tính checked="true" hoặc checked="checked"

Ví dụ

Chọn phần tử được chọn trước selected

$(":selected")

Thử code »

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors