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

jquery顶层的$(this)的含义

element this dom html jquery

Park JongBum · 技术社区 · 7 年前

我理解 $(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 回复 | 直到 7 年前

AaronHolland 7 年前

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

Dev Singh 7 年前

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

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

希望有帮助:)

-1

codegames 7 年前

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

推荐文章

Robo Robok · 为什么我无法使用Dom\HTMLDocument搜索标签?

11 月前

Y-jiji · 调整大小时替换了假选择

11 月前

LLScheme · 无法使用Playwright&Pyppeteer找到关键字

1 年前

Konrad Viltersten · 无法修改ViewContainerRef的内部内容,只能在Angular中添加标签

1 年前

Eric G · 如何将svg文本元素垂直居中?

1 年前

Nail Val · 当条件通过时,If语句不显示console.log,并按意外情况继续工作

1 年前

Juan Lanus · 如何获取对所选内容的DOM元素的引用

1 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

1 年前

Toby Hogan · 元素React状态更改后未在DOM中更新

1 年前

user23745914 · 能够访问javascript中的dom元素,而无需显式定义查询选择器

1 年前