0% found this document useful (0 votes)
9 views

Học JQuery

Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

Học JQuery

Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

jQuery

A Library that provides a general-purpose abstraction


layer for common web scripting

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

You might also like