Selector trong lập trình Jquery.
Điều đầu tiên mà người lập trình jquery muốn làm việc với jquery là phải sử dụng tốt được các selector của jquery.
* Chọn theo tên Tag, ví dụ: $('p')
* Chọn theo ID, ví dụ: $('#author')
* Chọn theo class, ví dụ: $('.content')
* Chọn các phần tử con ta dùng thêm > , ví dụ: $('#select-id > li')
* Chọn và loại trừ một số phần tử, ví dụ: $('#select-id > li:not(.current)')
* Chọn theo thuộc tính của Tag, ví dụ: $('img[alt]') hoặc $('a[href^=mailto:]')
* Chọn kết hợp, ví dụ: $('a[href^=http][href*=zend]')
* Chọn phần tử theo Index trong tập hợp chọn được, ví dụ: $('#select-id > li:eq(2)')
* Chọn tất cả các div là con đầu tiên của div chứ nó, ví dụ: $('div:nth-child(1)')
* Chọn các phần tử có index là số lẽ, ví dụ: $('#select-id > li:odd')
* Chọn theo nội dung bên trong, ví dụ: $('.content:contains('Example about JQuery')')
* Đặc biệt jquery hỗ trợ việc chọn các thành phần trong Form
o :text, :checkbox, :radio, :image, :submit, :reset, :password, :file.
o :input (Chọn input, textarea, select, và button)
o :button (Button và input nào có thuộc tính type="button")
o :enabled, :disabled (phần tử đã enabled, disabled)
o :checked (Radio buttons hoặc checkboxes đã được chọn (checked))
o :selected (Option đã được chọn (selected))
Trong phần này mình sẽ trình bày với các bạn một số phương thức để chọn các phần tử trong jquery có liên quan họ hàng với nhau:
.next() : chọn phần tử cùng cấp và nằm kế sau nó (chọn thằng em sinh kề sau nó)
.nextAll() : chọn tất cả phần tử cùng cấp và nằm sau nó (chọn lũ em của nó)
.prev() : chọn phần tử cùng cấp và nằm kế trước nó (chọn thằng anh sinh kế trước nó)
.prevAll() : chọn tất cả phần tử cùng cấp và nằm trước nó (chọn lũ anh của nó)
.andSelf() : và chọn chính nó
.parent() : chọn phần tử cha của nó (chứa nó)
.children() : chọn các phần tử con của nó (nó chứa)
.find('jquery') : tìm phần tử theo 'jquery'
.end() : đây là phương thức mình muốn bạn tự tìm hiểu.
