Using jQuery with Codenvy

Create a Jquery application using our Factory:


Codenvy supports JavaScript, HTML and a cross-browser JavaScript library jQuery. To use this library in your Codenvy projects, you’ll need to download jQuery from the official site, upload it to your HTML/JavaScript project, refer to jQuery.js from HTML file, and of course, use jQuery syntax. Below is an example:

  • create a simple JS project (use create a new project wizard and delete js file from there)
  • download jQuery from an official site
  • upload jQuery library to your project root folder (File > Upload File)


  • paste the following content into HTML file:
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src=""> </script>
var bt = true;
  $(this).html( "Click to fade " + ( ( bt =! bt ) ? "in" : "out" ) );
<p>Simple jQuery Toggle() example</p>
<button>Click to fade in/out boxes</button>
<div id="div1" style="width:300px;height:120px;background:url(;"></div>
<div id="div2" style="width:300px;height:120px;background:url(;"></div>
<div id="div3" style="width:300px;height:120px;background:url(;"></div>


Simple jQuery Toggle() example