用jquery如何实现增删改查(详细如下:)

1.想要用jquery实现增删改查,我们应该先去下载jquery的js代码

链接如下:https://jquery.com/

 2.熟悉jquery的使用方法,和jquery的优缺点

3.jquery是对javascript的封装和简化,其有写的少做的多的优点!

1.CSS样式

2.html代码



		
		
		
id username password

3.jQuery代码

 //引入jquery的公用封装代码
		

展示图·如下:

用jquery如何实现增删改查(详细如下:)_第1张图片

 

实现删的功能

           首先根据删除按钮找到想要删除数据的内容的id 并且id和所在数组中的id保持一致 进行删除数组中的数据,然后重新渲染数组,做到删除

2.实现改的功能

          修改数据,我们需要利用反写把想要修改的数据重新写在文本框里面,然后把自己重新写的数据赋值给所被选择的数组

          我们点击添加和修改调用的是同一个模态框,所以我们需要写入一个隐藏的input框

当我们反选时,此input框会有所选的id数据,根据此判断为修改框,如果添加其id为undefined ,因此判断为添加框

3.实现增的功能

           增加的功能也用了模态框来采集数据,所以也用一个数组来存储数据,将已采集的input框val()遍历进数组,用数组下标来插入要追加的dom节点,增加的功能就实现了

4.实现查的功能           

           首先要获取搜索框里val(), 判断搜索框的内容是否为undefined,假如是就默认查询所有数据,如果有数据(字符),那么利用关键词includes()搜索所有姓名中含有关键词的人的所有数据

 

 

 

你可能感兴趣的:(javascript,大前端,jquery,javascript,html)