In continuation to the question

I have a follow up question. What does the jQuery() function do? (there are four answer to this; subject should at least describe the selector-and-element-set mode)

I tried with googling but could not get a clear answer.

Thanks for any help in advance.

No correct solution


The jQuery function can handle several types of input:

  • $(""), $(null), or $(undefined)
  • $(DOMElement)
  • $(html) -> $(array)
  • $("#id")
  • $("TAG")
  • $(expr, $(...))
  • $(expr, context)
  • $(function)

Take a look at the source code of jQuery and jQuery.fn.init respectively to see how these are handled.

It does different things depending on what you pass to it:

jQuery(String query [, DOMElement context])
jQuery(String query [, jQueryResultSet context])

This will read the string as a query (eg: #foo > .bar a). It will be run in the context of context if it is specified, otherwise it is taken from document.

jQuery(DOMElement node)

This converts the node into a jQuery result set containing that node. This is used mostly when you have a reference to an element (eg: in an event handler) and you wish to perform jQuery functions upon it.

jQuery(Function readyHandler)

This is a shortcut form of this:

jQuery(document).ready(Function readyHandler)

Running all your jQuery functions once the document has been loaded is so common, this shortcut was added.


This selects the document.

Have a look at this article, it might help you: Particularly, look at the "Doing stuff with them" paragraph.

All in this document :

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow