JQuery创建DOM元素方法解析

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

创新互联公司2013年开创至今，是专业互联网技术服务公司，拥有项目成都网站设计、网站建设、外贸网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元下花园做网站,已为上家服务,为下花园各地企业和个人服务,联系电话:028-86922220

创建DOM元素

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

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

 
 
 
 

  
  
  
  
$("
Hithere!
") 
  
  
  
  

 
 
 
 

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

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

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

此代码在文档中建立名为followMe的现有HTML段落元素。在节的脚本块里，建立文档就绪处理程序，利用如下语句把新建的段落元素插入DOM树的现有元素之后：
$("

Hithere!

").insertAfter("#followMe");

结果如图1-2所示。

在第2章里将研究整套DOM操作函数，你将看到jQuery提供许多方式去操作DOM，以便获取我们想要的任何结构。既然你已经了解jQuery的基本语法，下面请看该库***大的一个特征。

网站名称：JQuery创建DOM元素方法解析
当前网址：http://www.gawzjz.com/qtweb2/news9/8859.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联