70 480 : jQuery Selectors
Click on a button to select all the elements on the page which match selection criteria. Selected items will then change their color to red, or hide themselves, or show some animation.
Please note that counting of child starts from 1 and not 0 :)
Sibling means elements who are at the same hierarchy in the DOM. Right after means having same parent and adjacent to each other.
We have used #allParent and #ulli for namespacing purpose so that result is from below portion only.

Show Help

This is a div #inputs with lots of input elements.















I am a simple div #div3 and class .cl3 and .cl2.

Paragraph 1

Paragraph 2

Paragraph 3

div inside div (div>div)
div inside div inside div(div>div>div)

div>p or div>p
or
div>div>div>p

Another Paragraph

All header elements

H1

H2

H3

H4

H5
H6
header
I am a simple div #div1 and class .cl1.cl2

Paragraph

Paragraph

Paragraph

Paragraph

I am a simple div #div2 and class .cl1.cl2.

Paragraph

Paragraph

Paragraph

Paragraph

Another div #HideShow with 5 paragraphs 2 hidden and 4 shown

Paragraph no 1

Paragraph no 2

Paragraph no 3

Paragraph no 4

Paragraph no 5

Paragraph no 6

Discussing books and authors
publisher="Pearson"
author="Kathie Sierra"
publisher="Goel" author="Ken Schwaber"
publisher="Pearson"
author="Kathie Madam Sierra"
author="Kathie-Sierra"
author="Kathie"
1 2 3 4
5 7 8
9 10 12
Div with single child :)

I am only child :(

Div with direct li and then li under ul
  • Isolated li
  • Another Isolated li