jQuery(#id).val() vs. getElementById(#id).value

by

The biggest advantage of using jQuery().val() over document.getElementById().value is that the former will not throw an error if no elements are matched, where-as the latter will. document.getElementById() returns null if no elements are matched, where-as jQuery() returns an empty jQuery object, which still supports all methods (but val() will return undefined).

There is no inconsistency when using .value for form elements. However, jQuery.val() standardises the interface for collecting the selected value in select boxes; where as in standard HTML you have to resort to using .options[this.selectedIndex].value.

More Related Contents:

  1. CSS or jQuery : How to get visible top [duplicate]
  2. what is Efficient way to find tr using classname in ie
  3. Write tags in HTML and print
  4. Get this error: “Uncaught TypeError: Cannot read property ‘0’ of undefined”
  5. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  6. How can I determine the direction of a jQuery scroll event?
  7. Dynamically load JS inside JS [duplicate]
  8. Get class list for element with jQuery
  9. How to disable HTML links
  10. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  11. What is the cleanest way to get the progress of JQuery ajax request?
  12. How to detect window.print() finish
  13. How to force reloading a page when using browser back button?
  14. (Deep) copying an array using jQuery [duplicate]
  15. How to get nth-child selector to skip hidden divs [duplicate]
  16. Does .css() automatically add vendor prefixes?
  17. how to convert this nested object into a flat object?
  18. Replace only text inside a div using jquery
  19. jQuery Deferred and Dialog box
  20. How can I change the title of the document during .ready()?
  21. Convert Hex to RGBA
  22. Javascript Code works in jsfiddle and but not in the Browser [closed]
  23. How to trim() white spaces from a string?
  24. JavaScript event registering without using jQuery
  25. How to unbind a specific event handler
  26. How do I detect the inherited background-color of an element using jQuery/JS?
  27. How to implement hierarchical multilevel datatable in javaScript?
  28. How to select empty inputs (value=””) using jQuery
  29. jQuery uses (new Function(“return ” + data))(); instead of eval(data); to parse JSON, why?
  30. How to get html source code from external url

Leave a Comment