代码之家 › 专栏 › 技术社区 › Park JongBum

jquery顶层的$(this)的含义

element this dom html jquery

Park JongBum · 技术社区 · 8 年前

我理解 $(this) 在事件处理程序中。

$("div#d1").on("mouseover", function() {
  $(this).attr("id", "d2");
  alert("id: " + $(this).attr("id"));
});

但是,当它用于jquery代码的顶层时,这意味着什么?

var tgt = $("h2#slider");
tgt.hide();
tgt.slideDown(2000);
$(this).on("click", function() {
  tgt.slideUp(); 
});

3 回复 | 直到 8 年前

AaronHolland 8 年前

this 根级别是指窗口对象。
https://jsfiddle.net/z20x9owq/

Dev Singh 8 年前

在回调中使用时 Jquery "$(this)" 引用当前的dom元素但在回调之外使用时, $(this) 是一个数组,该数组在第0个索引上具有窗口对象,与 Javascript “this”关键字,在函数外部使用时也是窗口对象。一个很好的例子是:

console.log($(this)===this); //return false
console.log($(this)[0]===this); //return true

希望有帮助:)

-1

codegames 8 年前

“this”是一个HTML元素,没有“on”方法或任何jquery方法。为了使用“on”方法,您必须将它转换为jquery元素和$(this)。

推荐文章

lode · 带有xmlhttp的通用回调函数如何在“this”更改时发送对函数的引用

8 年前

user3903342 · Java访问修饰符和调用的方法

8 年前

Jonas Raphael Schultheiss · 你需要“这个”做什么c#[重复]

8 年前

Vinay · 如何访问函数中的JavaScript函数

9 年前

Arvind M. · JavaScript中的true/false与int(意外行为)

9 年前

Jinseong Kim · 如何在angular 2中使用“this”jquery选择器

9 年前

Nara · 在严格模式下编写脚本时,获取无法读取属性“any”类型错误

9 年前

user8305079 · 在C中何时在这个上下文中使用this++

9 年前

Thor · 什么是允许p的javascript机制/规则。foo=o.foo`返回对函数“foo”的引用?

9 年前

jim · 使用回调编写Javascript this和that

9 年前