如何使用jQuery的$ .get（）获取html对象

Question

我正在尝试使用get（）方法分配一个HTML元素对象的变量，该方法具有docs（1）中定义的索引。

例如，我有一个容器div，其子div具有class child-div。

<div>
    <div class="child-div"></div>
    <div class="child-div"></div>
    <div class="child-div"></div>
</div>

如果我想要检索第二个div，我可以使用：myDiv = $('.child-div').get(1);

然而，这会返回div的内容字符串，但我想添加样式并将其视为普通对象。如何将myDiv指定为对象？

（1）http://api.jquery.com/get/

Answer 1

get实际上不返回字符串，它返回一个DOM对象。但是，当你将它打印到控制台时，看起来它只是一个字符串。要编辑其CSS，您可以执行myDiv.style.fontSize = "50px";

之类的操作

但是，由于你已经在使用jQuery，你也可以做这样的事情，myDiv = $('.child-div:eq(1)');。此处eq(1)选择第二个div，例如.get(1)。

然后你可以使用jQuery的.css()方法来改变CSS

Here's一个显示两种方式的JSFiddle。