getElementById和jquery $\'＃smth\'之间的区别

如何解决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选择器使用JavaScriptdocument.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库即可。

getElementById和jquery $\'＃smth\'之间的区别

如何解决getElementById和jquery $\'＃smth\'之间的区别

解决方法

相关推荐