jQuery "this"和元素集合

Question

这个问题已经有答案了:

What's the difference between '$(this)' and 'this'? (7 个回答)

已关闭 10 年前。

在这段代码中:

    $(function() {
        $("div").click(function() {
            $(this).before("<p>Hi</p>");

        });
    });

“这个”实际上指的是什么？它是指整个 div 列表，还是仅指单击的特定 div？我怎么知道？

此外，如果我写 this 会重要吗？没有 jQuery 标志还是它们相同？

Answer 1

在点击处理程序中，this 是对触发事件的单个 DOM 元素(在本例中为 div 元素)的引用。通过将其包装在 $() 中，您可以创建对该 div 元素的 jQuery 引用(一个包含该单个元素的 jQuery 对象，允许您对其调用 jQuery 方法。

$(function() {
    $("div").click(function() {
        $(this).before("<p>Hi</p>"); // 'this' is an HTMLDivElement

    });
});