Первое, с чего мы начнем изучение средств, позволяющих не просто выбирать элементы DOM-структуры документа, но и вносить в нее фактические изменения, — это создание новых элементов и вставка их в DOM. С выходом jQuery 1.4 решение этой задачи не представляет никакой сложности.

 
Начиная с этого раздела мы будем использовать более сложные фрагменты кода, в связи с чем вам придется выполнить незначительную дополнительную настройку своей консоли Firebug. В правой части командной строки консоли находится кнопка с изображением стрелки, направленной вверх (рис. 2.1).

 Рис. 2.1. Кнопка активизации многострочной командной строки консоли

Щелкните на этой кнопке для активизации расширенной области тестирования кода, в которой вы сможете вводить команды, занимающие несколько строк, что упростит их чтение и позволит работать с более сложными примерами (рис. 2.2).

 Рис. 2.2. Многострочная область тестирования кода (отображается в правой части консоли)

Теперь для выполнения кода, содержащегося в расширенной командной строке, вам придется щелкать на кнопке Выполнить (Run) в нижней части области ввода. Нажатие клавиши <Enter>, как в случае однострочной консоли, будет приводить лишь к переходу на новую строку.