<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://somedomain.com/path/to/plugin.js"></script> <script src="https://somedomain.com/path/to/anotherplugin.js"></script> <script> $(document).ready( function() { // Do stuff with the $ object here $.foo.bar() } ); </script> Loading Method: Statically loaded (by default). Scope: The jQuery / $ objects are global. Plugins: To go beyond base library functionality, jQuery has the concept of "plugins" which are loaded in via additional <script> tags, or a dynamic loader. All examples on this page use core library methods (no plugins).

<script src="http://yui.yahooapis.com/3.8.0/build/yui/yui-min.js"></script> <script> YUI().use( 'module1', 'module2', 'module3', function (Y) { // Do stuff with the Y object here Y.foo.bar() } ); </script> Loading Method: Dynamically loaded (by default). Scope: The YUI loader object is global, and the Y object is local to each "sandbox" (your callback function). However, the return value of YUI().use() is a Y object, which you can assign to a global variable [e.g. var Y = YUI().use(…); ]. Modules: Functionality in the YUI library is provided by "modules", which are split between core (officially supported) and gallery (user contributed). Simply adding YUI().use(function(Y){}); doesn't get you much, so you will need to specify which modules you wish to use and the loader will fetch them for you. The following core modules should provide you all the functionality for the examples in this document: YUI().use( 'node', 'io', 'event', 'animation', function (Y) { // example code here } ); If any additional modules are needed, they'll be specified in the "notes" section to the example.