Jquery: Write Less Do More
Jquery: Write Less Do More
jQuery
Write less do more 16/12/2016
By iBrahim Moullablad
2
16/12/2016
What is jQuery
•jQuery is a JavaScript
Library.
•jQuery greatly simplifies
JavaScript programming.
•jQuery is easy to learn.
3
16/12/2016
16/12/2016
jQuery Selectors
• $("p").hide()
Demonstrates the jQuery hide() method, hiding all
<p> elements.
• $("#test").hide()
Demonstrates the jQuery hide() method, hiding the
element with id="test".
• $(".test").hide()
Demonstrates the jQuery hide() method, hiding all
elements with class="test".
• $(this).hide()
Demonstrates the jQuery hide() method, hiding the
current HTML element.
5
16/12/2016
jQuery Events
• jQuery click()
Demonstrates the jQuery click() event.
• jQuery dblclick()
Demonstrates the jQuery dblclick() event.
• jQuery mouseenter()
Demonstrates the jQuery mouseenter() event.
• jQuery mouseleave()
Demonstrates the jQuery mouseleave() event.
• jQuery mousedown()
Demonstrates the jQuery mousedown() event.
• jQuery mouseup()
Demonstrates the jQuery mouseup() event.
• jQuery hover()
Demonstrates the jQuery hover() event.
• jQuery focus() and blur()
Demonstrates the jQuery focus() and blur() events.
6
16/12/2016
jQuery Hide/Show
• jQuery hide()
Demonstrates the jQuery hide() method.
• jQuery hide() and show()
Demonstrates jQuery hide() and show()
methods.
• jQuery hide()
Another hide demonstration. How to hide parts
of text.
7
16/12/2016
jQuery Fade
• jQuery fadeIn()
Demonstrates the jQuery fadeIn() method.
• jQuery fadeOut()
Demonstrates the jQuery fadeOut() method.
• jQuery fadeTo()
Demonstrates the jQuery fadeTo() method.
8
16/12/2016
jQuery Slide
• jQuery slideDown()
Demonstrates the jQuery slideDown() method.
• jQuery slideUp()
Demonstrates the jQuery slideUp() method.
9
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
16/12/2016
Thank U 4 UR Time!