Scribd
Upload
20 views1 page

Jquery Tasks

The document outlines ten jQuery tasks to enhance web interactivity. Tasks include changing heading text, toggling paragraph visibility, updating image sources, modifying anchor links, and changing background colors. Additional tasks involve getting and setting input values, adding/removing CSS classes, animating elements, changing font sizes, and displaying clicked element text.

Uploaded by

mastanbisk038
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
20 views1 page

Jquery Tasks

The document outlines ten jQuery tasks to enhance web interactivity. Tasks include changing heading text, toggling paragraph visibility, updating image sources, modifying anchor links, and changing background colors. Additional tasks involve getting and setting input values, adding/removing CSS classes, animating elements, changing font sizes, and displaying clicked element text.

Uploaded by

mastanbisk038
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

jQuery Tasks

1. Change Heading Text: Modify the text of an <h1> element when a button is clicked.

2. Toggle Paragraph Visibility: Create a button that hides/shows a paragraph on click.

3. Update Image Source: Change the source of an <img> element when a button is clicked.

4. Modify Anchor Link: Update the href of an anchor (<a>) tag dynamically.

5. Change Background Color: Click a button to change the background color of a <div>.

6. Get and Set Input Field Value: Retrieve and update the value of a text input field when a button is

clicked.

7. Add and Remove CSS Classes: Add a class to an element on mouseover and remove it on

mouseout.

8. Animate an Element: Move a <div> across the screen when a button is clicked.

9. Change Font Size Dynamically: Increase or decrease the font size of a paragraph when clicking a

button.

10. Display Clicked Element's Text: Show an alert with the text of the clicked element (heading,

paragraph, or button).

You might also like