JQuery创建DOM元素方法解析

　　你知道如何创建DOM元素吗，这里向大家描述一下，到目前为止可以看出，jQuery的作者使得$()函数（你的记忆里它只是jQuery()函数的别名而已）足够通用以便履行许多职责，从而避免把一堆全局性的名称引入JavaScript命名空间。

　　创建DOM元素

　　到目前为止可以看出，jQuery的作者使得$()函数（你的记忆里它只是jQuery()函数的别名而已）足够通用以便履行许多职责，从而避免把一堆全局性的名称引入JavaScript命名空间。好，还有一个职责需要探讨。

　　通过给$()函数传递包含HTML标记的字符串，可以即时创建相应的DOM元素。例如，新建段落元素如下所示：

以下是引用片段：
　　$(“<p>Hithere!</p>”)

　　但创建无实体的DOM元素（或元素层次结构）不是那么有用。通常，通过这种调用而创建元素层次结构之后，接着利用jQuery的一个DOM操作函数对其进行操作。

　　请看代码清单1-1的示例。

　　代码清单1-1即时创建HTML元素

　　此代码在文档<body>中建立名为followMe的现有HTML段落元素。在<head>节的脚本块里，建立文档就绪处理程序，利用如下语句把新建的段落元素插入DOM树的现有元素之后：$(“<p>Hithere!</p>”).insertAfter(“#followMe”);

　　结果如图1-2所示。

我们一直都在努力坚持原创.......请不要一声不吭，就悄悄拿走。

我原创，你原创，我们的内容世界才会更加精彩！

【所有原创内容版权均属TechTarget，欢迎大家转发分享。但未经授权，严禁任何媒体（平面媒体、网络媒体、自媒体等）以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget

官方微博

TechTarget中国

要发表评论，您必须先登录。