jQuery"this"和元素集合

Question

在这段代码中:

    $(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

    });
});