如何将 jQuery 对象转换为 Element?

IT技术 javascript jquery object
2021-03-17 00:27:20

如果我有一个textareavar textarea = $('textarea'),我如何使用 JavaScript 属性value而不是 jQuery 属性为其设置值val()

我想我需要先转换textarea为 JavaScript 对象,但我该怎么做?

5个回答

您可以使用解引用运算符,或“检索与 jQuery 对象匹配的 DOM 元素”.get()方法

例子:

txtArea[0].value = "something";

或者:

txtArea.get(0).value = "something";

jQuery.get()会为你做到这一点

http://api.jquery.com/get/

引:

没有参数,.get()返回所有元素:

alert($('li').get());

指定索引后,.get()将检索单个元素:

($('li').get(0));

...我们可以使用数组解引用运算符来获取列表项:

alert($('li')[0]);

jQuery 对象Javascript 对象。

您正在尝试了解被称为原始 DOM 脚本的痛苦世界。

你可以写

document.getElementsByTagName("textarea")[0].value = whatever;

这将获得第一个<textarea>并设置其值。
如果您想为所有这些设置值,您将需要一个循环。

您还可以通过编写$(whatever)[0].

您可以使用数组表示法提取 HTMLElement:

$('textarea')[0].value

...将获得$('textarea')jQuery 列表中第一个元素的值

我们可以使用 javascript 的querySelector()函数来获取一个标准的 javascript DOM 对象。

例子 :

<ul id="category"><li><label><input data-id="1" data-label="CBSE" data-filterClass="category" name="category" type="checkbox"> CBSE </label></li>
console.log(document.querySelector('input[data-id="1"]'));

您将获得给定选择器的 javascript DOM 对象。

尽管这对于示例案例来说听起来不错,但您可能应该添加一些关于 jQuery 选择器querySelector支持多少的信息不是全部,对吧?
2021-04-24 00:27:20