The Google API library is JavaScript API library / CDN [Content Delivery Network] hosted by Google.
jQuery contains many functions that will help you reduce your coding time. | Advantages of jQuery
Example of Reduced Coding in jQueryJavaScript DOM Method > jQuery Selectors
in JavaScript...
document.getElementById('
exampleID ').innerHTML in JQuery...
$('#exampleID ').htmlJquery Animation Effect Example
$('#exampleID').animate()
Most Jquery Methods , Effects etc.. have accompanying variables [Properties , Events, Duration etc..] that can be defined to give you more refined control.
$('#exampleID').animate( { opacity: 0.25, left: '+=50' } ) jQuery supported format in the HTML boxUsing the HTML Box in Google Sites you can call the jQuery API library directly from Googles' Library .
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
The Minified Version is optimized for performance, but
not reader friendly. Functions and Variables are filter back to single
character and all white/redundant spaces are removed. eg (function(a,b){function ci(a){return d.isWindow(a)?a:a.....etc...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery
.min .js"></script>
Note : The very latest jQuery APIs may not be supported within the HTML box.Try using older versions.
The following is a List of jQuery Examples and jQuery Testing for Google Sites
jQuery Examples: | Google Sites jQueryjQuery AJAX Form jQuery CSS Rollover jQuery Fade Toggle jQuery Toggle Button jQuery Toggle CSS |
Google Sites Ninja >
Google Sites jQuery
Showing 4 items
Title & jQuery Version | jQuery Description | jQuery Code Example | HTML Box Supported | jQuery Example | jQuery Alternative |
---|---|---|---|---|---|
Sort | Sort | Sort | Sort | Sort | Sort |
Title & jQuery Version | jQuery Description | jQuery Code Example | HTML Box Supported | jQuery Example | jQuery Alternative |
---|---|---|---|---|---|
jQuery v1.5 jQuery CSS Rollover | jQuery v1.5 jQuery CSS Rollover | jQuery v1.5 jQuery CSS Rollover | Yes | ||
jQuery v1.5 - jQuery Toggle CSS | jQuery Toggle CSS | toggleClass(); | Yes | ||
jQuery v1.5 - jQuery AJAX Form | jQuery AJAX Form using serialize(); | serialize(); | Yes | ||
jQuery v1.5 - jQuery Toggle Button | jQuery Toggle Button Show and Hide content | slidetoggle(); | Yes | Individual show(); and Hide(); methods |
Showing 4 items