Javascript开发必知：jQuery中 $(this) 与 this 关键字的差异解析

在jQuery中，`$()`和`this`都是用于引用元素或元素集合的。它们的用法和行为有一些不同。 `$()`是jQuery的核心函数，它接受一个或多个参数，然后返回一个jQuery对象。这个对象包含了一个或多个DOM元素的引用。`$()`函数可以在任何需要DOM元素的地方使用，包括事件处理程序、选择器和方法调用。 例如： ```javascript $(document).ready(function() { $("p").click(function() { $(this).addClass("highlight"); }); }); ``` 在这个例子中，`$("p")`返回一个包含所有段落元素的jQuery对象，然后我们使用`click()`方法添加了一个点击事件处理程序。在事件处理程序中，`$(this)`引用了被点击的段落元素。 另一方面，`this`关键字在JavaScript中是一个特殊的对象，它引用了当前执行代码的上下文。在函数内部，`this`的值取决于函数的调用方式。 例如： ```javascript var element = document.getElementById("myElement"); element.addEventListener("click", function() { console.log(this === element); // true }); ``` 在这个例子中，我们使用`addEventListener()`方法为一个元素添加了一个点击事件处理程序。在事件处理程序中，`this`引用了被点击的元素。 在jQuery中，`this`的关键字通常用于在事件处理程序中引用DOM元素。例如： ```javascript $(document).ready(function() { $("p").click(function() { console.log(this === $(this)); // true }); }); ``` 在这个例子中，`this`仍然引用了被点击的段落元素，但是我们使用`$(this)`来确保它是作为jQuery对象返回的。 起来，`$()`和`this`在jQuery中的主要区别在于它们的返回类型和上下文。`$()`返回一个jQuery对象，而`this`引用了当前执行代码的上下文。在jQuery中，`this`通常用于在事件处理程序中引用DOM元素。 ######[AI写代码神器 | 435点数解答 | 2023-11-09 01:14:37]