Question

在下面的代码中，第二行是多余的？第一行不返回对创建的div的引用吗？或者我错过了什么需要将其移植到jquery？

var div = document.createElement('DIV');
var div = $(div);
div.id='tip_holder';
div.style.zIndex=10000;
div.style.left='-1000em';
body.appendChild(div);

Answer 1

$将mootools内容添加到元素中。为了使它多余，你需要重写它（我还在那里重写了一些额外的冗余代码）

var div = new Element('DIV',{'id': 'tip_holder',
                             'styles':{
                                         zIndex:10000,
                                         left:'-1000em'                    

}});
$$('body')[0].adopt(div);

如果您已经从某个地方获得了对身体的有效参考，请使用

$(body).adopt(div); //no " needed

或

body.adopt(div);//if it is already a mootools Element

Answer 2

According to the docs，$函数只是document.id函数的映射。 document.id函数只做两件事：

如果给它一个字符串，它将返回具有该id的元素。
如果你给它一个元素（正如你在你的例子中所做的那样）并且当前的浏览器没有本地HTMLElement支持（ahem，IE），那么元素将使用一些新方法进行扩展。

mootools $（美元）函数和document.createElement等价

2 个答案: