Jquery 将按钮追加到变量无法访问的元素

我有一些代码试图访问一个按钮，该按钮通过变量附加到元素上。如您所见，该按钮并未从页面中删除。为什么会这样

var myButton=$（'.myButton'）；
$（'#parentDiv'）。追加（'Button'）；
myButton.remove（）；

您试图在创建“.mybutton”元素之前获取该元素，因此它不存在

$('#parentDiv').append('<button class="mybutton">Button</button>');
var mybutton = $('.mybutton');
mybutton.remove();

$（'#parentDiv'）。追加（'Button'）；
var mybutton=$（'.mybutton'）；
mybutton.remove（）；

进行选择时，按钮不存在。您对

myButton.remove（）

的调用不影响任何元素。在第一行，不存在.myButton。

$('#parentDiv').append('<button class="mybutton">Button</button>');
var mybutton = $('.mybutton');
mybutton.remove();