You are on page 1of 3

JQUERY vs MOOTOOLS vs Scriptaculous

MOOTOOLS JQUERY Scriptaculous


Advantage(s) don’t have to Centered around
download all chaining and binding
libraries files from methods to objects and
it. You can make elements. Totally
your package encapsulated. Aims to
lighter by choosing be lighter, faster, and
library files from exceptionally easy to
the given list. develop with.
Components Element,Window,E JQuery Core, Animation,Drag
ffects,Drag,Remot Selectors,Attributes,Tra &Drop,DOM
e,Plugins,Native versing,Manipulation,C Utilities,Ajax
SS,Events,Effects,Ajax, Control,Unit
Utilities Testing
Syntax jQuery -$:Virtually all of
jQuery;s DOM selection is
done using CSS 1-3

JQuery $ =CSS based


selector. Ex
$(‘#mylightbox’).show()
DOM Ready 2 types of method for
Event ie & firefox. Ex.
$(document(.ready(fun
ction(){});or
$(function(){});
DOM Walking Parents/Children,Next,P
rev(nextAll,prevAll)
DOM After,before,append,pre
Manipulation pend & html
Element addClass, removeClass,
Classes toggleClass
Events Bind,unbind,.click,.dblcl
ick,.mouse,.ready,.focu
s,.blur
Bubbling Event.stopPropagation(
) (event is passed in to
the callback
AJAX $.ajax(options)//url
included in options.

METHODS:
ajaxStart,ajaxSend,
beforeSend,
ajaxSuccess, error,
complete, ajaxComplete
AJAX
EXAMPLE Ex. $.ajax({url:
wireimage.com’,
Data:”name=pDiddy&eve
nt=oscar&clientId=02345
”,
Type:’post’,
Success:function(json){//
do whatever crap here
with response}});
RESOURCES
and API
library

We can have chain of events or event pool and listening handlers binded to ajax
events using jQuery. See below:
jQuery’s AJAX REQUESTS & EVENTS:

You might also like