javascript - html() 的意外行为

Question

JQuery html() 方法根据其文档采用参数 html 字符串或函数。但是，如果我使用 jQuery 对象数组，它也可以使用它。它是如何工作的，根本没有文档。

例如:

$('div').html([$('<div/>', {
  text: '1'
}), $('<div/>', {
  text: '2'
})]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div></div>

上面的代码绑定(bind)了两个div。

jQuery 对象数组是否等于 jQuery 对象？

Answer 1

.html() 接受 jQuery 对象作为参数

How it's works there is no documentation at all

这是正确的。这在 jQuery 文档中没有详细描述。您需要查看 jQuery 的源代码才能意识到这一点；无需尝试将 jQuery 或其他对象(例如 jQuery 对象数组)传递给 .html()。

参见jquery-2.2.3.js at 5490 - 5527 jQuery.fn.html 函数;注意 if 条件和 .append() 在 5523 - 5525

的使用

  if ( elem ) {
    this.empty().append( value );
  }