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のように要素を選択するにはどうすればよいですか?