Google Sites jQuery

 Google Sites jQuery


Using jQuery as a JavaScript library through Google API library can increase a Google Sites performance relative to normal JavaScript coding.

Google API library


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

  • Improves Latency
  • Improves Site Performance
  • Improves Caching
  • Minimizes JavaScript code required
  • Reduce Coding Time/Costs
  • W3C compatible
  • Browser complaint

Example of Reduced Coding in jQuery

JavaScript DOM Method > jQuery Selectors

in JavaScript...
document.getElementById('exampleID').innerHTML
in JQuery...
 $('#exampleID').html

Jquery Animation Effect Example

$('#exampleID').animate()

For Example , the animate() Jquery Effect allows you to animate a HTML Element with a minimal amount  code compared to a custom JavaScript Animation.

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 box


Using 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>

JQuery Minified Versions

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>

jQuery Versions

Note : The very latest jQuery APIs may not be supported within the HTML box.Try using older versions.


1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, 1.4.0, 1.4.1, 1.4.2, 1.4.3, 1.4.4, 1.5.0, 1.5.1, 1.5.2, 1.6.0, 1.6.1, 1.6.2, 1.6.3, 1.6.4, 1.7.0, 1.7.1


The following is a List of jQuery Examples and jQuery Testing for Google Sites



jQuery Examples:

Showing 4 items
Title & jQuery VersionjQuery DescriptionjQuery Code ExampleHTML Box SupportedjQuery ExamplejQuery Alternative
Sort 
 
Sort 
 
Sort 
 
Sort 
 
Sort 
 
Sort 
 
Title & jQuery VersionjQuery DescriptionjQuery Code ExampleHTML Box SupportedjQuery ExamplejQuery 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