getElementById和jquery $(\'#smth\')之间的区别

|| 经典Javascript代码有什么区别:
document.getElementById(\'theID\')
和jQuery版本:
$(\'#theID\')
    
已邀请:
document.getElementById
返回DOM对象。这是浏览器考虑页面元素的本机方式。它具有各种方法和属性。这些使用起来可能有些笨拙。 jQuery对象(由
$
方法创建)是DOM元素或一组DOM元素的包装。常规属性和方法不可用;您可以选择不同的方法,这些方法可以使DOM操作的过程更加直观。 在选择中包含多个元素时,区别更加明显(例如,您将获得类选择器ѭ4get,但是jQuery选择上的方法与本机DOM元素上的方法不同。它们指向同一件事。 ,但是它们是思考和处理它的不同方式。 最后,您可以使用
get
方法(编辑:或类似数组的语法)将jQuery选择转换为其原生DOM元素。所以
document.getElementById(\'theID\')
与...完全相同
$(\'#theID\').get(0) // or $(\'#theId\')[0]
但是请注意,您应该使用第一个,因为它具有更好的性能。仅在需要jQuery提供的其他功能时才使用jQuery。     
在第二个项目中,您可能没有在顶部包含jQuery文件。     
确保包括
<script src=\"//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\"></script>
在你的
<head>
中 如果您不加载
jQuery
,那么您就不能使用
$
,因为jQuery是一个外部库,而不是JavaScript的一部分。     
不完全的 : 如果页面上不存在具有该ID的元素 $(\“#id \”)将不起作用,脚本将停止 document.getElementById(\“ id \”)将返回null     
两者之间存在以下差异。 jQuery
#id
选择器使用JavaScript
document.getElementById()
功能 JavaScript的
document.getElementById()
函数在以下情况下引发错误 找不到具有给定id的元素,而jQuery #id 选择器不会抛出错误。要检查
#id
选择器是否返回了元素,请使用length属性。 JavaScript的
document.getElementById()
和jQuery(#id)选择器是 不一样。
document.getElementById()
返回原始DOM对象 作为jQuery(\'#id \')选择器返回包装的jQuery对象的位置 DOM对象并提供jQuery方法。这就是你的原因 能够在对象上调用
css()
click()
之类的jQuery方法 由jQuery返回。从jQuery获取基础DOM对象 对象写
$(\'#id\')[0]
document.getElementById()
比jQuery(\'#id \')选择器快。采用 在jQuery(\'#id \')选择器上)13ѭ,除非您 需要jQuery对象提供的额外功能。     
没什么不同,您只需要在项目中安装并引用jQuery库即可。     

要回复问题请先登录注册