Difference between getElementById and jquery $('#smth')
What\'s the difference between classic Javascript code:
document.getElementById(\'theID\')
and the jQuery version:
$(\'#the
-
Make sure to include
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>In your
<head>If you don't load
jQuerythen you cannot use$as jQuery is an external library and not part of JavaScript.讨论(0) -
Well in your second project, you might not have included the jQuery files at the the top.
讨论(0) -
document.getElementByIdreturns a DOM object. This is the browser's native way of thinking about an element in the page. It has various methods and properties. These can be a little clunky to use.The jQuery object (created by the
$method) is a wrapper around a DOM element or a set of DOM elements. The normal properties and methods are not available; you get a selection of different methods that make the process of DOM manipulation more intuitive.The difference is more clear to see with multiple elements in the selection (as you would get with a class selector
$('.someClass')for instance, but the methods on a jQuery selection are different to the ones on a native DOM element. They point to the same thing, but they are different ways of thinking about it and dealing with it.
As a final note, you can convert a jQuery selection into its native DOM element(s) with the get method (edit: or the alternative array-like syntax). So
document.getElementById('theID')is exactly the same as
$('#theID').get(0) // or $('#theId')[0]Note, however, that you should use the first, as it has much better performance. Only use jQuery if you need the extra functionality it provides.
讨论(0) -
Not quite : If an element with that id is not existing on the page $("#id") will not work and the script will stop document.getElementById("id") will return null
讨论(0)
加载中...
- 热议问题