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.
Find each liste item (li) that is a child (>) of an element with an ID of selected-id (#selected-id).
Find each list item that do not have a class of horizontal, which is a child of #selected-id.
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.
I just put some sample here.
The most recommended complicated way.