<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
var $a = $(".a"),
$b = $("#root").append("<div class='b'>b-dynamic</div>").find('.b');
console.log($a.length, $b.length)
$("#root").get(0).innerHTML += "<div class='b'>b-dynamic</div>";
var $b = $("div.b");
console.log($a.length, $b.length)
});
</script>
</head>
<body>
<div id="root">
<div class="a">a</div>
<div class="a">a</div>
<div class="a">a</div>
<hr />
<div class="b">b</div>
<div class="b">b</div>
<div class="b">b</div>
</div>
</body>
</html>
Хоть как добавлять, доступными они будут. А вот то что вы получили коллекцию, с которой хотите работать, а затем модифицировали DOM, вот тут могут быть неожиданности.