Javascript 通过jquery添加和操作div，而不使用任何类似html的代码

我有一个奇怪的问题，我知道，但是有没有一种方法可以在不在javascript函数中编写任何html代码的情况下向特定元素添加div元素

我的意思是：

我通常使用这个：

  $(".divclass").append("<div>Test</div>");

我希望javascript中没有HTML，我可以在操作css、属性或其他很多东西时实现它。。。但是有没有办法添加一个div呢

---

提前感谢。

尝试document.createElement

var myDiv = document.createElement('div'); 

---

可以使用以下内容创建新的DOM元素：

  $(".divcalss").append(newDiv.text( "Test");

var div = document.createElement('div');

然后，它将成为一个文档片段，直到使用一些JS将其插入到文档（或您指定的元素）中：

var myElement = document.getElementById('myElement');
myElement.appendChild(div);

如果您希望使用jQuery进行插入：

$('#myElement').append(div);

试一试

---

可以使用document.createElement（）创建HTML元素

试试这个：

function addElement() {
    var newdiv = document.createElement('div');
    newdiv.innerHTML = 'Test';

    $(".divclass").append(newdiv);
}

可以使用以下方法添加属性：

newdiv.setAttribute('id', 'newdiv');

---

此外，如果您想要可重复使用的东西：

$.fn.appendNew = function() {
    var el = document.createElement('div');
    var $el = $(el); 
    this.each(function() {
        $(this).append(el);
    });
    return $el;
}

$('p').appendNew().text('world').css('color', 'red');

---

var newDiv=document.createElement（'div'）$（newDiv）.text（'asd'）。appendTo（'.divclass'）

？？aaaaaa这太完美了，谢谢，如果你写下答案，我会尽快回答

$.fn.appendNew = function() {
    var el = document.createElement('div');
    var $el = $(el); 
    this.each(function() {
        $(this).append(el);
    });
    return $el;
}

$('p').appendNew().text('world').css('color', 'red');