What does $(selector)[0] mean in jQuery?

by

By appending [0] to the jQuery object will return the first DOM element.

As you’re using id selector here, there will be only one element in the array so using [0] makes sense. If you are selecting multiple elements you can also use any number which is between 0 and number of elements you can get corresponding DOM element.

From jQuery Docs

A jQuery object contains a collection of Document Object Model (DOM) elements that have been created from an HTML string or selected from a document. Since jQuery methods often use CSS selectors to match elements from a document, the set of elements in a jQuery object is often called a set of “matched elements” or “selected elements”.

The jQuery object itself behaves much like an array; it has a length property and the elements in the object can be accessed by their numeric indices [0] to [length-1]. Note that a jQuery object is not actually a Javascript Array object, so it does not have all the methods of a true Array object such as join().

More Related Contents:

  1. Concat two arrays But concat is not working
  2. Creating a JavaScript global array with static elements?
  3. Converting a JS object to an array using jQuery
  4. Convert array to JSON
  5. Remove array element based on object property
  6. javascript filter array of objects
  7. How to find index of all occurrences of element in array?
  8. How to get a number of random elements from an array?
  9. How to find if an array contains a specific string in JavaScript/jQuery?
  10. Get the index of the object inside an array, matching a condition
  11. Merge 2 arrays of objects
  12. Sort mixed alpha/numeric array
  13. How to change value of object which is inside an array using JavaScript or jQuery?
  14. Merge Two Arrays so that the Values Alternate
  15. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  16. Array Like Objects in Javascript
  17. Convert simple array into two-dimensional array (matrix)
  18. Best way to convert string to array of object in javascript?
  19. break array of objects into separate arrays based on a property
  20. How to check whether multiple values exist within an Javascript array
  21. Convert html table to array in javascript
  22. Convert javascript array to string
  23. jQuery UI autocomplete with item and id
  24. How to check if an array is empty or exists?
  25. What is the concept of Array.map?
  26. How to get an Array with jQuery, multiple with the same name
  27. JavaScript Multidimensional Arrays [duplicate]
  28. Transform Javascript Array into delimited String
  29. Using jQuery inArray with array of JavaScript Objects
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment