[经典JavaScript代码之间有什么区别:
document.getElementById('theID')
和jQuery版本:
$('#theID')
document.getElementById
返回DOM对象。这是浏览器考虑页面元素的本机方式。它具有各种方法和属性。这些可能有点笨拙。
jQuery对象(由$
方法创建)是DOM元素或一组DOM元素的包装。常规属性和方法不可用;您可以选择不同的方法,这些方法可以使DOM操作的过程更加直观。
这种区别在选择中包含多个元素时更为明显(例如,您将通过类选择器$('.someClass')
获得,但是jQuery选择上的方法与本机DOM元素上的方法不同。它们指向相同的事物,但是它们是思考和处理它的不同方式。
最后,您可以使用get
方法(编辑:或类似数组的语法)将jQuery选择转换为其原生DOM元素。所以
get
与]完全相同>
document.getElementById('theID')
但是请注意,您应该使用第一个,因为它的性能要好得多。仅在需要jQuery提供的其他功能时才使用jQuery。
在第二个项目中,您可能没有在顶部包含jQuery文件。
请确保包括
不完全是:如果页面上不存在具有该ID的元素$(“#id”)将不起作用,脚本将停止document.getElementById(“ id”)将返回null
这两者之间存在以下差异。
没什么区别,您只需要在项目中安装并引用jQuery库。