JQuery每日函数:核心jQuery(html)
jQuery(html)
根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX
加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠
(比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用
$("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>")
Create DOM elements on-the-fly from
the provided String of raw HTML.
You can pass in plain
HTML Strings written by hand, create them using some template engine or plugin,
or load them via AJAX. There are limitations when creating input elements, see
the second example. Also when passing strings that may include slashes (such as
an image path), escape the slashes. When creating single elements use the
closing tag or XHTML format. For example, to create a span use
$("<span/>") or $("<span></span>") instead of without the
closing slash/tag.
返回值
jQuery
参数
html (String) : 用于动态创建DOM元素的HTML标记字符串
示例
动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body
元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM
元素转换的。所以,这个函数既有灵活性,也有局限性。
jQuery 代码:
$("<div><p>Hello</p></div>").appendTo("body");
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的
type 只能写一次。
jQuery 代码:
// 在 IE 中无效:
$("<input>").attr("type",
"checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");