jQuery 是今天最受欢迎的 JavaScript 库之一。在 jQuery 中, $(this) 代表当前选择器选中的元素。在这篇文章中,我们将探讨一些有关 $(this) 中元素的知识。
首先,让我们来看一个例子:
$('button').click(function() { $(this).text('Clicked!'); });
在上面的代码中,当我们点击一个按钮时, $(this) 指向当前被点击的按钮。我们通过调用 text() 方法来改变按钮的文本,从而实现了一个 点击按钮时改变文本 的效果。
除了 text(),$(this) 还可以调用许多其他的 jQuery 方法。例如:
$(this).addClass('active'); $(this).fadeOut(500); $(this).html('New HTML content.
');
通过这些方法,我们可以对 $(this) 中的元素进行添加类、淡出、替换 HTML 内容等一系列操作。
最后,值得一提的是, $(this) 只在当前作用域中有效。如果你在函数内部定义了一个新的变量,那么 $(this) 就不再起作用了。
$('button').click(function() { var $this = $(this); // 创建一个新的变量 $this,表现跟 $(this) 相同。 setTimeout(function() { $this.addClass('active'); // 在 setTimeout 函数中仍可以使用 $this。 }, 1000); });
在这个例子中,我们使用了一个 setTimeout 函数来添加一个类。由于 setTimeout 函数中不再有 $(this) 的作用域,因此我们使用了一个新的变量 $this 来代替它。
总之,$(this) 是 jQuery 中最常用的元素,我们可以利用它对当前选择器中的元素进行一系列的操作。