Javascript 如何在jquery中引用新添加的元素并设置CSS样式

用于操作DOM的jQuery方法（如append（）/after（））都返回此关键字，该关键字引用原始jQuery对象以进行链接

var $test=$("#test").after("<div>test</div>");
$test.css("color","red");

因此，稍后我可以使用以下方法设置css样式：

test.style.color="red";

当然，我可以混合使用DOM方式和jQuery方式：

var test=document.createElement("div"); 
test.innerHTML="just a test";
$(#test).after(test);
$(test).css("color","red");

---

但是还有其他方法吗？

您可以选择使用而不是

.after（）

，因为这将返回您刚才创建的元素：

var $test = $("<div>test</div>").insertAfter("#test");

$test.css("color","red");

var$test=$（“test”）.insertAfter（#test”）；
$test.css（“颜色”、“红色”）；

您也可以在同一行上执行此操作：

var $test = $("<div>test</div>").insertAfter("#test").css("color","red");

var$test=$（“test”）.insertAfter（#test”）.css（“颜色”、“红色”）；

其他选择：

var $test = $("<div style='color:red'>test</div>").insertAfter("#test");

var $test = $("<div>",{ style:"color:red",html:"test"}).insertAfter("#test");

var$test=$（“test”）.insertAfter（#test”）；
var$test=$（“”，{style:“color:red”，html:“test”}）；

var $test = $("<div style='color:red'>test</div>").insertAfter("#test");

var $test = $("<div>",{ style:"color:red",html:"test"}).insertAfter("#test");