首页 / 脚本样式 / JavaScript / 基于Jquery的动态创建DOM元素的代码

动态创建div:
复制代码 代码如下:
$（function（）{
$（"<div>",{
id: "test",
text: "this is a test",
"class": "test",
click: function（）{
$（this）.toggleClass（"test"）;
}
}）.appendTo（"body"）;
}）

动态创建input:
复制代码 代码如下:
$（function（）{
$（"<input>", {
type: "text",
val: "test",
focusin: function（） {
$（this）.addClass（"active"）;
},
focusout: function（） {
$（this）.removeClass（"active"）;
}
}）.appendTo（"body"）;
}）