Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
创建DIV';jQuery中的s_Jquery_Html_Createelement - Fatal编程技术网

创建DIV';jQuery中的s

创建DIV';jQuery中的s,jquery,html,createelement,Jquery,Html,Createelement,以下代码适用于我: var div2 = document.createElement('DIV'); $(div2).css('position','relative').insertBefore( $(div).children()[0] ); var div3 = document.createElement("DIV"); $(div2).prepend($(div3).css({'display':'inline','position':'absolute'})); …但我可以想象有

以下代码适用于我:

var div2 = document.createElement('DIV');
$(div2).css('position','relative').insertBefore( $(div).children()[0] );
var div3 = document.createElement("DIV");
$(div2).prepend($(div3).css({'display':'inline','position':'absolute'}));
…但我可以想象有一种更简洁的jQuery方法来实现createElement。我尝试了以下方法,但无效:

$('<div></div>').css('position','relative').insertBefore( $(div).children()[0] );
$(div2).prepend($('<div></div>').css({'display':'inline','position':'absolute'}));
$('').css('position','relative').insertBefore($(div.children()[0]);
$(div2).prepend($('').css({'display':'inline','position':'absolute'}));
任何建议?

您可以使用
$(“”)
语法来创建元素,而无需使用document.createElement('div')

var d=$(“”)text(“hello”);
$(“正文”)。附加(d);
这非常有效,(请检查fiddle)您的错误可能来自未定义的变量
div
div2
$('body').append('This is my div.)).css({'display':'inline','position':'absolute');
$('body').append('<div>This is my div.</div>').css({'display':'inline','position':'absolute'});
您可以随意用任何选择器替换“body”,或者用prepend、after、before方法替换“body”。他们都应该工作。只是简单的一行。不需要创建变量。至少如果我正确理解了你的问题。

可能的重复还有其他几个问题可以回答这个问题。
$(“”,{css:{position:'relative'}})。prependTo(div)
$('body').append('<div>This is my div.</div>').css({'display':'inline','position':'absolute'});