Học JQuery
Học JQuery
www.PracticalCoding.in
Advantages
Let’s fill in the blanks…
➔ Accessing the DOM becomes easy
➔ Updating the page becomes easy compared to javascript
➔ CSS is easily altered on the fly using JQuery
➔ Respond to user interaction
➔ Animate changes being made to a document
➔ Retrieve information from server without a page refresh using
AJAX
➔ Simplify common JavaScript functions
www.PracticalCoding.in
JavaScript vs jQuery
<div class=”simpletext”>
Lorem ipsum
</div>
<div class=”littletext”>
Lorem ipsum
</div>
<div class=”simpletext”>
Lorem ipsum willeing
</div>
www.PracticalCoding.in
Selectors
add(), parent(), children(), siblings(),
addClass(),removeClass(), find(), toggleClass(), append()
and so on..
www.PracticalCoding.in
Event handlers
click,blur,change,dblclick,focus,keydown,keyup,
keypress,load,mousedown,mousemove,mouseout,mou
seover,mouseup,resize,scroll,select,submit,unload,
mouseenter, mouseleave
Events are handled using .on() method
www.PracticalCoding.in
Keyboard events
keyup, keydown,
keypress
www.PracticalCoding.in
CSS and Animations
.css() : Get and set
hide()
show()
fadeIn()
fadeOut()
slideUp()
slideDown()
www.PracticalCoding.in
Creating and inserting new elements
insertAfter()
insertBefore()
prependTo()
appendTo()
append()
prepend()
before()
after()
www.PracticalCoding.in
Explore ...
jQuery.get()
jQuery.post()
jQuery.ajax()
www.PracticalCoding.in
Documentation and help
http://api.jquery.com/
www.PracticalCoding.in
Learn More
@
www.PracticalCoding.in