好吧,我对如何在Javascript中获取字段的值有点困惑,我已经看到很多次它是使用代码获取的:
document.getElementById("elemento").value;
和其他人使用代码:
$(elemento).val()
有什么区别?
好吧,我对如何在Javascript中获取字段的值有点困惑,我已经看到很多次它是使用代码获取的:
document.getElementById("elemento").value;
和其他人使用代码:
$(elemento).val()
有什么区别?
它们是做同一件事的两种方式。
$是引用 jQuery(一个非常流行的 JavaScript库)中的文档对象的变量名。官方 jQuery 文档位于https://jquery.com/
document是引用文档对象的本机变量。
文档对象的目的是在内存中管理浏览器中加载的网页内容。支配其特征的东西被称为文档对象模型或 DOM。它不是 ECMAScript 规范的一部分,ECMAScript 规范是指定 JavaScript 引擎应该如何处理使用这种语言编写的脚本的标准,而是有自己的 W3C 发布的标准。
ECMAScript 网址是http://ecma-international.org/ecma-262/
DOM 的网址是https://www.w3.org/DOM/
jQuery 诞生于 JavaScript 缺乏对 DOM 执行操作的简单方法时,但多年来它已经得到了改进,jQuery 也有所改进,但是已经出现了提供类似功能的其他库和框架。框架是可以帮助程序员提高效率的工具,但与任何工具一样,必须选择适合任务的工具。
相关
应该在“每个”HTML/CSS/JavaScript 应用程序中使用 jQuery 吗?
不同之处在于,没有jQuery的代码是一行,而使用jQuery的代码是很多行,而且它是一个试图在所有浏览器中工作的噱头代码。
没有jQuery:
val
要在jQuery中获取函数代码,请在其下载部分中使用名为slim的未压缩版本的jQuery执行以下操作:我得到的回应如下:
当您使用
$
这些引用JQuery时,它是一个 JavaScript 库,它的主要用途是作为选择器,这是您给出的示例,但它还有更多用途,例如动画、更简单的 ajax 请求等等。欲了解更多信息,请访问主页。当您使用document.getElementById("elemento")
这些使用本机 javascript 方式通过 id 引用元素时。在 JQuery 中是:他们做同样的事情,正如 Reinier 所说,$ 指的是 Jquery,而 GetElementById 是本机 Javascript 方法。
我提醒您,Jquery 是用 Javascript 编写的,因此将两种形式的值都带入是有效的。
正如每个人都表示的那样
.val()
,.value
它是一样的,但我想补充一些东西。您使用
.val()
about的原因.value
是确保它适用于所有浏览器。例如.innerHtml
,它在所有浏览器中的工作方式并不相同,但 jquery 为我们解决了这个问题,完成了.html()
所有使它根据浏览器工作的繁琐工作,从而为所有浏览器(桌面和智能手机)提供了一个单一的方法。它为我们提供了简单的 API 来操作 DOM。