Scribd
Upload
8 views10 pages

Essential jQuery Methods Explained

The document discusses a JQuery project that used JQuery HTML and JQuery Effects methods. For JQuery HTML, methods like keyup, each, text, val, fadeOut and show were used. These methods allow manipulating HTML elements and content. For JQuery Effects, methods like delay, animate, slideUp and slideDown were used. These effects methods allow animating elements for transitions like fading, sliding and delays. Examples and usage of each method are provided. The document concludes by thanking the reader and asking if they have any questions.

Uploaded by

Hanar Ahmed
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views10 pages

Essential jQuery Methods Explained

The document discusses a JQuery project that used JQuery HTML and JQuery Effects methods. For JQuery HTML, methods like keyup, each, text, val, fadeOut and show were used. These methods allow manipulating HTML elements and content. For JQuery Effects, methods like delay, animate, slideUp and slideDown were used. These effects methods allow animating elements for transitions like fading, sliding and delays. Examples and usage of each method are provided. The document concludes by thanking the reader and asking if they have any questions.

Uploaded by

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

Nvar Hawzhin

Araa Goran
Hanar Ahmed
Zanyar Salah

JQuery Project
• We used
• [Link] HTML
• 2. JQuery Effect
1. JQuery HTML
we used some Methods
which are (Keyup, Each ,
text ,val, Fadeout , show)
Keyup Method() –
The keyup event occurs when a keyboard key is released.
The keyup() method triggers the keyup event, or attaches a function to run when a keyup event occurs.
$(selector).keyup() or $(selector).keyup(function).

The val()
method returns or sets the value attribute of the selected elements.
When used to return value:
This method returns the value of the value attribute of the FIRST matched element.
When used to set value:
This method sets the value of the value attribute for ALL matched elements.
$(selector).val() or $(selector).val(value) or $(selector).val(function(index,currentvalue))
-FadeIn Method()
The fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (fading
effect).
$(selector).fadeIn(speed,easing,callback)
• -Each The each() method
specifies a function to run for each matched element.
Syntax $(selector).each(function(index,element))

-The text() method


sets or returns the text content of the selected elements.
When this method is used to return content, it returns the text content of all matched elements.
When this method is used to set content, it overwrites the content of ALL matched elements.
$(selector).text() or $(selector).text(content) or $(selector).text(function(index,currentcontent))

-FadeOut The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).
$(selector).fadeOut(speed,easing,callback)

-The show() method


shows the hidden, selected elements.
$(selector).show(speed,easing,callback).
[Link] Effects
we used some Methods which
are (delay , Animate ,
Slideup ,slidedown)
- Delay
The delay() method sets a timer to delay the execution of the next item in the queue.
$(selector).delay(speed,queueName)

-Animate
The animate() method performs a custom animation of a set of CSS properties.
This method changes an element from one state to another with CSS styles. The CSS property value is changed gradually, to
create an animated effect.
(selector).animate({styles},speed,easing,callback)
-Slideup
The slideUp() method slides-up (hides) the selected elements.
$(selector).slideUp(speed,easing,callback)

-Slidedown
The slideDown() method slides-down (shows) the selected elements.
$(selector).slideDown(speed,easing,callback)
THANK YOU!
ANY QUESTIONS ?

You might also like