No matter which type of selector we want to use in jQuery - be it CSS, XPath, or custom - we always start with the dollar sign and parentheses: $()
$() Factory Function
Let's see some more common examples:
A tag name: $('p') gets all paragraphs in the document.
An ID: $('#some-id') gets the single element in the document that has the corresponding some-id ID.
A class: $('.some-class') gets all elements in the document that have a class of some-class.
CSS Selectors
Chile combinator
>
Find each liste item (li) that is a child (>) of an element with an ID of selected-id (#selected-id).
Negation pseudo-class
not
Find each list item that do not have a class of horizontal, which is a child of #selected-id.
XPath Selectors
This is a attribute selector, so use @ symbol inside square brackets. Example means that to select all links that have a title attribute.
Here are more examples about XPath Selectors.
Attribute selectors accept regular-expression-like syntax for identifying the beginning(^) or ending($) of a string. And also take an asterisk(*) to indicate an arbitrary position within a string.
href attribute begins with mailto
href attribute ends with .pdf.
href attribute has mysite.com inside.
Custom Selectors
I just put some sample here.
$('tr:even')
$('td:contains("David")')
$('th').parent()
$('tr:not([th]):even')
$('tr:not[ht]:odd')
The most recommended complicated way.
Stumble It!
Leave a comment