1、第一步我们首先需要了解一下jquery添加内容有四个方法,append()选中元素结尾插入内容,prepend()方法选中元素开头插入内容,after()选中元素之后插入内容,before()选中元素之前插入内容,如下图所示:
2、第二步我们通过实例来介绍jquery怎么添加元素,首先新建一个html文件,在body里面藜局腑载添加两段文字和一个列表以及两个添加元素的按钮,js内容通过$(媪青怍牙"p").append(" <b>追加文本</b>。");代码追加文本,如下图所示:
3、第三步我们在浏览器中打开页面,可以看到两段文字和列表项,如下图所示:
4、第四步先后点击添加文本和添加列表项按钮,可以看到页面段落文字和列表项文本内容后面新增了内容,如下图所示:
5、第五步我们将$("p").append(" <b>挢旗扦渌;追加文本</b>。");代码注释掉,换成 $("p").prepend("<b>在开头追加文本</b>。 ");代码,如下图所示:
6、第六步点击添加文本和添加列表项按钮,可以看到在段落文字和列表项文本内容前面添加元素,如下图所示: