JQUERY vs MOOTOOLS vs Scriptaculous

MOOTOOLS Advantage(s)
don’t have to download all libraries files from it. You can make your package lighter by choosing library files from the given list. Element,Window,E ffects,Drag,Remot e,Plugins,Native

JQUERY
Centered around chaining and binding methods to objects and elements. Totally encapsulated. Aims to be lighter, faster, and exceptionally easy to develop with. JQuery Core, Selectors,Attributes,Tra versing,Manipulation,C SS,Events,Effects,Ajax, Utilities
jQuery -$:Virtually all of jQuery;s DOM selection is done using CSS 1-3 JQuery $ =CSS based selector. Ex $(‘#mylightbox’).show()

Scriptaculous

Components

Animation,Drag &Drop,DOM Utilities,Ajax Control,Unit Testing

Syntax

DOM Ready Event

DOM Walking DOM Manipulation Element Classes Events Bubbling AJAX

2 types of method for ie & firefox. Ex. $(document(.ready(fun ction(){});or $(function(){}); Parents/Children,Next,P rev(nextAll,prevAll) After,before,append,pre pend & html addClass, removeClass, toggleClass Bind,unbind,.click,.dblcl ick,.mouse,.ready,.focu s,.blur Event.stopPropagation( ) (event is passed in to the callback $.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:

Sign up to vote on this title
UsefulNot useful