jquery - 使用 jQuery 添加然后删除元素

Question

尝试在 mouseenter 上附加一个元素，然后在 mouseleave 上删除相同的元素。

$(#foo).mouseenter(function (){
    $(this).append(#bar);
});
$(#foo).mouseleave(function (){
    $(this).remove(#bar);
});

不起作用，我做错了什么吗？

Answer 1

不引用字符串文字似乎是最明显的事情。您尝试过吗:

$("#foo").mouseenter(function (){
    $(this).append("#bar");
});
$("#foo").mouseleave(function (){
    $(this).remove("#bar");
});

jQuery 的元素选择器函数(即 $())需要一个包含 CSS 样式选择器的字符串，例如 ".someClass" 或 "#someId ” 或 “div span.label”。传递那些不带引号的东西是一个语法错误。