Custom

Custom DOM Tree

This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>.

  • This is the first list item (<li>) in an unordered list (<ul>).
  • This is the second list item. It has a link in it.
  • This is the third list item. It has a class of "myclass"
  • This is the fourth list item. It has strong text and emphasized text.
    • second-level list item 1
    • second-level list item 2

<p class="myclass">This is another paragraph. It has class="myclass" Otherwise, nothing special about it at all. It is here for example purposes only. It has no other reason to exist. If the paragraph were conscious and aware of its own state, it would be filled with existential dread.

:even

$('li:even')
$('code:even')

:odd

$('li:odd')
$('code:odd')

:eq(n)

$('li:eq(2)')

:gt(n)

$('li:gt(2)')
$('code:gt(3)')

:lt(n)

$('li:lt(2)')
$('code:lt(3)')

:first

$('li:first')
$('code:first')

:last

$('li:last')
$('code:last')

:parent

$('li:parent')
$('p:parent')

:contains(test)

$('li:contains("second")')
$('p:contains("nothing special")')

:visible

$('li:visible')
$('li:hidden')

:hidden

$('li[strong]')
$('p[code]')