jquery怎么清除添加的数据

 时间:2024-10-13 15:29:57

利用jquery添加墙绅褡孛数据后怎么清除数据呢?jquery是一款轻量级的js库,使用jquery很方便统潇瘵侃就添加了数据,添加数据后,用jquery清除数据也是很简单的。下面就跟我来学习下jquery怎么删除添加的数据。

jquery怎么清除添加的数据

工具/原料

jquery删除数据

jquery怎么清除添加的数据

1、打开开发工具后,新建个测试工程,然后在新建好的工程下创建个测试页面,这里创建的是jsp页面,如下图所示。

jquery怎么清除添加的数据

2、在创建好的jsp页面上引入jquery库,要用jquery删除数据,必须用引用jquery,如下图所示。

jquery怎么清除添加的数据

3、引入jquery库后,我们在body区域里添加div块和button按钮,用来模拟添加数据和删除数据,具体代码如下图所示。

jquery怎么清除添加的数据

4、编写好后,可打开浏览器运行这个jsp页面,可以看到页面上显示2个按钮和一个显示添加数据的区域,如下图所示。

jquery怎么清除添加的数据

5、在head的区域里添加实现jquery添加数据的功能,先添加数据,然后在后面把添加的删除,具体代码如下图所示。

jquery怎么清除添加的数据

6、再次刷新jsp页面,然后点击页面上的添加数据按钮,点击一次,就会在显示内容区域添加上数据,如下图所示。

jquery怎么清除添加的数据

7、在head的区域里继续添加实现jquery清除数据的功能,这里先将变量i做了个自减,这是由于在添加数据的时候,是自加的,具体如下图所示。

jquery怎么清除添加的数据

8、再打开jsp页面,先添加几条数据,然后再点击【jquery添加的数据】按钮,此时你就可以看到数据被清除了,如下图所示。

jquery怎么清除添加的数据
  • 《神仙道》50级以上高手进阶攻略
  • 灵魂潮汐如何进行祈愿
  • #我来了#傲视三国之三分天下怎么招募民夫
  • 火车晚点该怎么办
  • 周立功TJA1020 LIN收发器说明书:[2]
  • 热门搜索
    诚信手抄报内容 欢庆元旦手抄报 肺炎手抄报 迎国庆手抄报 圣诞节手抄报内容 安全饮食手抄报 我爱文学手抄报内容 我爱中华手抄报 快乐阅读手抄报 教师节手抄报大全图片