jquery里面this的用法

jQuery 中的 this 关键字在很多情况下都非常有用。this 代表当前正在操作的 DOM 元素,可以用于遍历、绑定事件以及调用方法。

例如,我们可以使用 this 遍历所有 class 为 box 的元素并为它们添加点击事件:

$(.box).click(function() {$(this).addClass(active);});

这个例子中,点击时会为所点击的元素添加 active 类名,而不是为所有 class 为 box 的元素都添加。

当然,在一些情况下,this 也可以代表整个 jQuery 集合,而不仅仅代表一个元素。例如:

$(.box).hover(function() {$(this).addClass(active);}, function() {$(this).removeClass(active);});

在这个例子中,当鼠标移入或移出 class 为 box 的元素时,该元素都会添加或移除 active 类名。

另外,this 在调用方法时也非常有用。我们可以在一个方法内使用 this,表示当前操作的元素。例如:

$.fn.toggleActive = function() {return this.each(function() {$(this).toggleClass(active);});};$(.box).toggleActive();

在这个例子中,我们定义了一个名为 toggleActive 的方法,并将其添加到 jQuery 的原型中。使用该方法时,会为所有 class 为 box 的元素添加一个 toggleActive 方法,调用该方法后会为这些元素添加或移除 active 类名。

总的来说,this 关键字在 jQuery 中的应用非常多,大大提高了我们的编程效率。

jquery里面this的用法