养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery添加内容

时间:2024-10-02 08:30:44

jquery如何添加内容呢?jquery添加内容其实很简单,只需使用append()即可是实现。会通过一个案例来讲述append的使用。代码:$("#cont").append(html);

jquery添加内容

jquery添加内容

方法/步骤

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

jquery添加内容

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

jquery添加内容

3、在div标签后面新建一个点击按钮,然后给这个按钮添加一个点击事件,案例中的点击事件僭轿魍儿为add()。如图代码:<in禊诬娱飑puttype="button"value="添加内容"onclick="add()">

jquery添加内容

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

jquery添加内容

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

jquery添加内容

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

jquery添加内容

jquery添加内容

© 一点知识