Допустим, записи вы выводите по id (можно по дате, можно по каким-то другим критериям сортировки, не суть) в обратном порядке (сначала последние, потом все более старые). Страница, на которой все реализуется, подгружает последние 10 записей из БД и отображает их.
Затем вам нужна либо отдельная страница, либо на той же самой менять поведение при наличии параметра, например, ajax=true. Также в качестве параметра должен передаваться id последней уже подгруженной записи. Параметр можно либо хранить отдельно в какой-то переменной JS, либо в в параметрах блоков (div), соответствующих каждой записи.
Допустим, дело происходит на некой странице /notes. На странице изначально подгружены блоки, у которых в параметрах прописаны id соответствующих записей. Что-нибудь вроде:
<div data-id="346"></div>
<div data-id="345"></div>
…
<div data-id="337"></div>
Вы выбираете data-id последнего поля и используете один из методов для работы с ajax (.ajax(), get(), load()), обращаясь, например, к странице /notes?ajax=true&id=337 или /notes_ajax?id=337, а далее возвращенный результат помещаете под уже имеющиеся записи.
Естественно, /notes?ajax=true или /notes_ajax (что вам удобнее) должен возвращать 10 записей ,у которых id<337 (переданного в соответствующем параметре).
Это все один из очевидных вариантов. Вы можете изменить и усложнить его как угодно. Все остальное решает документация. Писать за вас непосредственно код не станет никто.
