从jQuery对象中检索本机DOM元素?

时间:2010-02-24 14:28:39

标签: javascript jquery css-selectors elements

如何让jQuery返回它封装的原生DOM元素?

6 个答案:

答案 0 :(得分:29)

使用jQuery查找元素时,可以使用“get”函数获取它们:

var regularElement = $('#myElementId').get(0);

在“.each()”函数中,“this”指针指向“真实”元素:

$('input.special').each(function() {
  var type = this.type;
  this.value = "exploding balloon";
  // etc
})

使用jQuery不会使Javascript“不同”。 Javascript,DOM仍然是DOM。

答案 1 :(得分:2)

$('myTag').get(0)返回HTML元素。

答案 2 :(得分:2)

jQuery使用Sizzle Selector Engine *。您也可以单独使用它。

* Doug Neiner证实,这意味着它是正确的;)

答案 3 :(得分:1)

根据 jQuery 文档,有两种方法:

方式#1

$("#ID-DOM-Element")[0]

方式#2

$("#ID-DOM-Element").get(0)

重要细节jQuery documentation中提到:方式#1比方式#2快

答案 4 :(得分:0)

我假设您正在尝试检查您的jQuery对象是否是“cheese_tag”的第一个实例。您可以使用:first选择器找到第一个标记,然后您就不需要进行比较。例如,获取第一个div标记为:$('div:first')

有关jQuery选择器的完整列表,请参阅documentation

答案 5 :(得分:0)

其他人已经直接回答了这个问题。使用get()方法。

但是,大多数情况下,您希望使用jQuery方法进行操作,而不是访问原始DOM元素,然后使用“标准”JavaScript修改它。

例如,使用jQuery,你可以说$('mySelector')。addClass('myClass')将一个CSS类添加到DOM元素中。这使用直接DOM操作要复杂得多(并且特定于浏览器)。这个概念几乎延伸到了你想要做的所有其他DOM操作。