Interactive Lab: jQuery Selectors

Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast');

Download These Files

---

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 otherclass"
• 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.

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

select list w/ options another option a third option

This is a textarea

select list w/ options another option a third option

Radio Checked Radio Not Checked Checkbox Checked Checkbox Not Checked Another checkbox Not Checked

Button button