jQuery Selectors and Methods

Write jQuery code for following effects

  1. Set background color yellow for h1,p,p and textarea elements subsequently.
  2. There are two elements in the page: checkbox and button. By default the button is disabled. When the checkbox is marked, the button is enabled.
  3. Add image in web page with size 100X100. When clicking on button image size zoom to 500X300. Do it using attr() method.
  4. Change the contents of the paragraph using html() method.
  5. By clicking on the button create a copy of p tag into div tag.
  6. Demonstrate at least 5 mouse events with your creative ideas in tutorial 1 web pages.
  7. Demonstrate keyboard events with your creative ideas in tutorial 2 web pages.
  8. Creating animation on clicking a button that continuously changes the height and width of the box.
  9. Demonstrate hide() and show() effect.
  10. DemonstratefadeIn(),fadeOut(),fadeToggle(), fadeTo() with creative ideas.

************************************************************