JQuery: методы $.add() и $.append() работают некорректно?
Как я понимаю, Вы желаете отыскать такой аналог вызова$(function(){
   $("p#append").click(function(){
      $(this).append("<div class='div'></div>");
   });
});
который создавал бы элемент по имени и затем снабжал его классом, а потом присоединял бы к указанному.

Тогда это вот что:$(function(){
   $("p#append").click(function(){
      $('<div />').addClass('div').appendTo($(this));
   });
});
Метод .add() не сгодится потому, что он используется для пополнения $-наборов. Например, его можно использовать, чтобы добавить два div-элемента вместо одного:$(function(){
   $("p#append").click(function(){
      $('<div />').add('<div />').addClass('div').appendTo($(this));
   });
});
Метод .css() не сгодится потому, что он используется для наложения CSS-свойств. Например, вот этот вызов:$(function(){
   $("p#append").css('color', 'red');
});налагает свойство{color: 'red';}
$.append() заработал, $.add() — по прежнему нет
Что значит не заработал? Разберем вашу строчку:

$(this).add(«div»).css(«class», «div»);

1) Выбираем в объект элемент this (параграф).
2) Добавляем в этот объект с параграфами все найденные на странице дивы. Так как дивов на странице скорее всего нет, результат не меняется, $(this).
3) Применяем к этим объектам .css(«class», «div»).

Кстати, что это за новое css-свойство, class? Ни разу о таком не слышал.

Что касается пункта 1) Syntax error at line 5 while loading:
В предлагаемом для скачивания архиве код выглядит так:
$("p #add").click(function() {…}
$("p #append").click(function() {…}
Без закрывающих скобок и точек с запятой.