- *
- tag
- .class
- #id
- selector01, selector02, selectorN
- parent > child
- :eq()
- :gt()
- :lt()
- :even
- :odd
- :first
- :last
- :first-child
- :first-of-type
- :last-child
- :last-of-type
- :nth-child(n)
- :nth-last-child(n)
- :nth-of-type(n)
- :nth-last-of-type(n)
- :only-child
- :only-of-type
- :animated
- [attribute]
- [attribute="value"]
- [attribute!="value"]
- [attribute|="value"]
- [attribute^="value"]
- [attribute$="value"]
- [attribute*="value"]
- [attribute~="value"]
- :lang(language)
- [bộ chọn thuộc tính 1][bộ chọn thuộc tính n]
- :parent
- :empty
- :text
- :button
- :checkbox
- :checked
- :disabled
- :enabled
- :file
- :focus
- :hidden
- :image
- :input
- :password
- :radio
- :reset
- :selected
- :submit
- :visible
- :root
- :has(selector)
- :header
- ("prev + next")
- ("prev + siblings")
- (":not(selector)")
- :contains(text)
#id
Đăng bởi: Admin
Định nghĩa và sử dụng
- Bộ chọn #id: chọn thành phần theo từng id cụ thể.
Cấu trúc
- Đã được thêm vào từ phiên bản 1.0
$('#tênid')
$('tag#tênid')
Ví dụ
Html viết:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Tiêu đề</title> <script src="https://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $('#test').css('border','1px solid blue'); }); </script> </head> <body> <div id="test">div</div> <p>p</p> <div> <p>p bên trong div</p> </div> </body> </html>
Hiển thị trình duyệt:
$('#test') chọn tất cả các thành phần có id="test".
Theo dõi VnCoder trên Facebook, để cập nhật những bài viết, tin tức và khoá học mới nhất!