jquery添加内容

1、新建一个html文件。如图：

2、在html代码页面找到body标签，在body标签内新建一个<div>，然后给这个div标签设置一个id并给这个div文本内容。如图：代码：<div id="cont">你好啊！</div>

3、在div标签后面新建一个点击按钮，然后给这个按钮添加一个点击事件，案例中的点击事件为add()。如图代码：<input type="button" value="添加内容" onclick="add()">

4、引入jquery文件。找到title标签，在这个标签后面新建一个<script>,然后引入jquery文件。如图：

5、在script标签后面新建一个<sctipt>,在这个标签内创建add猾诮沓靥()事件。如图：代码：<script type="text/javascript媪青怍牙">function add(){var html = "大家好！";$("#cont").append(html);}</script>

6、保存好html文件后，使用浏览器打开，点击添加内容按钮即可看到成功添加内容。如图：