jquery

What is jquery?

The jQuery npm package is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, and animation much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

What are jquery's main functionalities?

DOM Traversal and Manipulation

Easily select and manipulate HTML elements. This code changes the text of all paragraph elements to 'Hello World'.

$( 'p' ).text( 'Hello World' );

Event Handling

Quickly handle events like clicks. This code sets up an alert to be displayed when any button is clicked.

$( 'button' ).click( function() { alert( 'Button clicked!' ); } );

Animation

Perform animations on elements. This code makes a div element slide up slowly.

$( 'div' ).slideUp( 'slow' );

AJAX

Facilitate asynchronous HTTP (Ajax) requests. This code fetches the content of test.html and inserts it into the body of the current page.

$.ajax({ url: 'test.html', success: function(data) { $( 'body' ).html( data ); } });

Other packages similar to jquery

zepto

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. It's smaller in size compared to jQuery but does not support as many browsers.

cash

Cash is an absurdly small jQuery alternative for modern browsers. It provides jQuery-style syntax for manipulating the DOM, handling events, and making AJAX requests, but with a smaller footprint.

mootools

MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent API. MooTools code is extensively documented and easy to read, which is a strong point compared to jQuery.

README

DOES NOT WORK ON WINDOWS

Many people are having problems getting this module to work on windows. The failure has to do with building contextify on window. It seems to be a windows environment issue. I don't have access to a windows machine so I cannot explore working through the windows install process. If you figure out how to build contextify on windows please send me working instructions!

NPM module jQuery is an EnderJS package.

please use npm install jquery not npm install jQuery

node-jQuery

A stupid-simple wrapper over jQuery for Node.JS (server). Currently 1.7.2.

Node.JS

    npm install jquery

    var $ = require('jquery');

Examples

    $("<h1>test passes</h1>").appendTo("body");
    console.log($("body").html());

In Node.JS you may also create separate window instances

    var jsdom = require('jsdom').jsdom
      , myWindow = jsdom().createWindow()
      , $ = require('jquery')
      , jq = require('jquery').create()
      , jQuery = require('jquery').create(myWindow)
      ;

    $("<h1>test passes</h1>").appendTo("body");
    console.log($("body").html());

    jq("<h2>other test passes</h2>").appendTo("body");
    console.log(jq("body").html());

    jQuery("<h3>third test passes</h3>").appendTo("body");
    console.log(jQuery("body").html());

Output:

    <h1>test passes</h1>
    <h2>other test passes</h2>
    <h3>third test passes</h3>

JSONP Example

    var $ = require('jquery');

    $.getJSON('http://twitter.com/status/user_timeline/treason.json?count=10&callback=?',function(data) {
      console.log(data);
    });