All of the above console methods function nearly the same as their Firebug counterparts, but with one significant difference. If the method is called with any arguments, the Firebug counterpart method is called with the same arguments. (If called without arguments, this call is skipped). Then console.group() is called with the jQuery object as a parameter. Then the original method is invoked on each of the matched elements, and the grouping is closed.

Example 1

$(selector).log("jQuery is awesome!"); // this is equivalent to the following code:

console.log("jQuery is awesome!");
console.group($(selector));
$(selector).each(function(){
    console.log(this);
});
console.groupEnd();

Example 2

$(selector).log(); // this is equivalent to the following code:

console.group($(selector));
$(selector).each(function(){
    console.log(this);
});
console.groupEnd();

An added feature is the ability to inspect the output of jQuery methods which do not return the jQuery object. Simply pass the method call, prefixed with a dot (.), including any arguments, as a string to the log method.

Example 1

$(selector).log(".attr('class')"); // this is equivalent to the following code:

console.group($(selector).attr('class'));
$(selector).each(function(){
    console.log(this);
});
console.groupEnd();

These two methods function identically as the group above with another small difference. For each matched element in the jQuery object, group and groupEnd are called thus allowing the output (which is generally quite large) to be collapsed.

This method functions identically to the Firebug method, however this called is wrapped in a group/groupEnd call thus allowing the output to be collapsed. The jQuery object as passed to the group method to allow inspection.

Once again, this method functions nearly identical to its Firebug counterpart. Calling this method with arguments will print those arguments and begin a nested block for future statements (closed with groupEnd). However, calling this method without arguments will output the jQuery object before opening the block.

Example 1

$(selector).group(); // this is equivalent to the following code:

console.group($(selector));

Similar to the group method, these methods function nearly identical to their Firebug counterpart. Calling time with arguments will begin a named timer. Calling timeEnd will print the time elapsed. Timers are named therefore multiple timers may be running simultaneously and they need not be ended in FIFO order. The only minor different with the Firebug method is that if called without arguments, the jQuery object is used as the timer name.

These methods function identically to their Firebug counterparts, however debug is called with the jQuery object (to facilitate inspection) immediately before the profile begins.

This method is identical to the Firebug method.