Jquery Selector là một hàm sử dụng các Expression để tìm ra phần tử khớp với yêu cầu. Nó được sử dụng để chọn một hoặc nhiều phần tử HTML. Và ta có thể thực hiện các thao tác trên phần tử đã được chọn này.
Jquery Selector được bắt đầu bằng ký hiệu $() (hay còn được gọi là hàm cơ sở). Hàm này đồng nghĩa với hàm jQuery(), nên ta có thể thay thế 2 hàm này cho nhau nếu gặp xung đột trong quá trình sử dụng.
Dưới đây là một số các Selector cơ bản:
$('*')
Chọn tất cả các phần tử trong HTML. Tuy nhiên một số trình duyệt sẽ bị chậm lại nếu sử dụng selector này.
$('name')
Chọn các phần tử có thẻ 'name'
$('.name')
$('#name')
$('parent > child')
$('name1, name2, ...')
$('name:first')
$('name:first-child')
$('name:first-of-type')
$('name:last')
$('name:last-child')
$('name:last-of-type')
$('name:odd')
$('name:even')
$('name:nth-child(n)')
$('name:nth-last-child(n)')
$('name:nth-of-type(n)')
$('name:nth-last-of-type(n)')
