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

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

根据文档，$函数只是一个映射对于 document.id 函数。 document.id 函数只做两件事：

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