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

如何在jQuery中选择像document.getElementsByClassName这样的元素？