jQuery Selectors

• :button
• :checkbox
• :checked
• :disabled
• :enabled
• :focus
• :file
• :image
• :input
• :password
• :radio
• :reset
• :selected
• :submit
• :text

• :first-child
• :first-of-type
• :last-child
• :last-of-type
• :nth-child()
• :nth-last-child()
• :nth-last-of-type()
• :nth-of-type()
• :only-child
• :only-of-type()

• [name|="value"]
• [name*="value"]
• [name~="value"]
• [name$="value"]
• [name="value"]
• [name!="value"]
• [name^="value"]
• [name]
• [name="value"][name2="value2"]

• :animated
• :eq()
• :even
• :first
• :gt()
• :header
• :lang()
• :last
• :lt()
• :not()
• :odd
• :root
• :target

• *
• .class
• element
• #id
• :hidden
• :visible
• :contains()
• :empty
• :has()
• :parent
• parent > child
• ancestor descendant
• prev + next
• prev ~ siblings

$("button").click(() => {
    $(":button").css("color", "red");
});

#Combining selectors

$("selector1, selector2 ...selectorn")