javascript - jQuery：在将新元素附加到选择器后拉伸的动态选择器

Question

我想在选择后也选择包含附加新元素的元素。我可以做到document.getElementsByClassName。它包括新的附加元素。像那样：

var div1 = $('<div />').addClass('new_div1');
$('body').append(div1)
var divs = document.getElementsByClassName('new_div1')
divs.length // 1
var div2 = $('<div />').addClass('new_div1');
$('body').append(div2)
divs.length // 2; here divs includes newly appended element

但我想用 jQuery 来做。我试过这样，但没有按预期工作。

var div1 = $('<div />').addClass('new_div')
$('body').append(div1)
var divs = $('.new_div')
divs.length // 1
var div2 = $('<div />').addClass('new_div')
$('body').append(div2)
divs.length // 1; here I want to see 2 with newly appended element

如何选择像document.getElementsByClassNamejQuery 中的元素？