2012-06-15 3 views
2

Я новичок в jQuery, поэтому у меня возникли проблемы с этим. Я хочу, чтобы это преобразовывалось в jQuery.Преобразуйте этот код JavaScript в jQuery

JavaScript:

var el = document.getElementById("box"); 
el.style.backgroundColor = "#0000000"; 
var new_el = document.createElement("div"); 
new_el.innerHTML = "<p>some content</p>"; 
el.appendChild(new_el); 
+0

Вы получите лучшие ответы, если вы предоставите ваши попытки до сих пор. – Dancrumb

+4

'$ ('# box'). Css ('background', 'black'). Append ('

some content

');' –

+0

@JaredFarrish, почему предоставить ответ в виде комментария? – Dancrumb

ответ

6
var $el = $('#box'); 
$el.css('background-color', '#000000'); 

$('<div><p>some content</p></div>').appendTo($el); 
+0

Демо-версия: http://jsfiddle.net/lucuma/9qWTe/ – lucuma

+1

Цепочки также будут работать, хотя демонстрация кэширования также полезна. –

+0

Вы правы, его можно было бы написать по-разному и все вместе. Я попытался сделать это аналогично JavaScript, чтобы это имело смысл для OP. Конечно, мы могли бы «append» вместо «appendTo» ... и т. Д. – lucuma

Смежные вопросы