JQuery如何给指定元素前、中、后添加内容

在实现网站制作过程中，往往需要通过JQuery给指定元素添加内容，例如给网站导航菜单上有下拉菜单的项目添加一个小三角形，给链接地址添加参数等等，都需要使用JQuery来实现。

下面学做网站论坛介绍几种JQuery给指定元素前、后、中添加内容的方法和代码。

第一种：JQuery给指定元素前面添加内容

JQuery给指定元素前添加内容要使用：before()，代码如下：


$("选择器").before('要添加的内容');

第二种：JQuery给指定元素后面添加内容

JQuery给指定元素后面添加内容要使用：after()，代码如下：


$("选择器").after('要添加的内容');

第二种：JQuery给指定元素中间添加内容

JQuery给指定元素中间添加内容要使用：append(content)方法，代码如下：


$("选择器").append('要添加的内容');

append(content)方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。

例如，在页面的<body>元素中追加一个具有“id”、“title”属性和显示内容的<div>元素，如下图：

JQUERY 添加内容

显示效果：

JQUERY 添加内容

从图中可以看出，由于使用append()方法在<body>元素中追加了一些HTML 元素标记，因此追加后，这些元素标记直接生成对应的元素和属性显示在页面中。