说一说Jquery中的empty()与remove()的区别和用法
来源:互联网 发布:阿里数据银行 编辑:程序博客网 时间:2024/06/06 05:01
今天在改一个新人写的代码,好吧,我承认改代码比自己写代码要来的痛苦。
主要是在测试一个table。table中有一列是删除操作。我的删除功能是 这样的,当点击删除的时候,判断这个table中的tr行是否大于1,如果等于1的话,我就查询上一页的数据(因为此页仅有的一条数据将会从数据库中删除)。如果大于1的话,就继续重新查询这条数据。(本来以我的作风就不再调用查询接口查询数据,我会直接将table中的这一行从页面中删除掉,但是原代码是新同事写的,我就没有这样去做了。就直接在他的基础上去改了。他的本意是删除之后直接调用查询,但是他查询的永远是第一页的数据,其实这样是不合理的。)
然后我这边的判断就会出问题了,永远是大于1.
后来我终于发现原因。新人的写法大致是这样的(我简写出来显示给大家看的)
大家可以看到,查询方法的第一个用到的是empty()。在ajax请求成功以后,用的是append。这样的话,页面中反复分页查询的时候,如果去审查元素就会发现,tbody里面有很的空的<tr></tr>。这就是为什么当我去判断tbody中tr的长度的时候,总是大于1。在这里,我们应该用$("table tbody tr").remove()才行。
那么总结一下,什么时候该用到empty()和remove()呢?
其实empty()就是将元素内容置空。比方这样的一个<label>name</labe>这个时候,我们如果要替换内容,可以用$("label").empty(),和$("label").text("")类似。
如果$("label").remove().就是将这个label元素直接移除了。那么审查元素的时候,就个元素就不存在了。
所以在做项目中的时候,要合理利用这两个方法。
两个方法各有各的好处,我用的比较多的是remove()。
- 说一说Jquery中的empty()与remove()的区别和用法
- jquery中的empty()与remove()区别
- jquery empty()与remove() 的区别
- [JS][jQuery]remove()与 empty()的区别
- [jQuery]remove()与 empty()的区别
- jQuery remove()与 empty()的区别
- jquery 中empty与remove的区别
- jQuery的remove()和empty()的区别
- [jQuery]empty()和remove()的区别
- jquery中 empty 和remove的区别
- jquery中empty()和remove()的区别
- jQuery中empty和remove的区别
- js中的empty()和remove()的区别
- jQuery empty()和remove() 区别
- jQuery中的empty和remove
- jquery 中的empty()和remove()
- jquery的empty()和remove()
- remove()与 empty()的区别
- 安卓角标问题
- C++静态成员函数访问非静态成员的几种方法
- http https信任任何证书的工具类
- IDEA中添加自定义的方法模板注释
- OpenCV 检测二维码并定位
- 说一说Jquery中的empty()与remove()的区别和用法
- 关于时下热门的《阿里百川HotFix》自己写了个小测试记录以便下次使用
- kafka监控及管理
- [JZSC2017] 【NOIP2017提高组模拟7.3】 总结
- Redis-Java中使用Jedis进行操作
- 补7/1
- 正则表达式总结及常规的正则表达式校验
- B. Crossword solving
- eclipse添加本地xsd