【jQuery】remove()和empty()的使用

简介: 在项目需求中 ,会涉及,为select下拉框中重新填充或追加新的下拉项。这样的话 之前的下拉项就需要清除掉。有了这个需求,就需要我们注意到remove()和empty()的区别在哪里:empty():删除匹配的元素集合中所有的子节点。

在项目需求中 ,会涉及,为select下拉框中重新填充或追加新的下拉项。

这样的话 之前的下拉项就需要清除掉。

有了这个需求,就需要我们注意到remove()和empty()的区别在哪里:

empty():删除匹配的元素集合中所有的子节点。

remove():从DOM中删除所有匹配的元素。

 

放在select上比较好理解

<select class="selectpicker input input-big posit" name="positionId">
  <option value="0">担任职务</option>
</select>

 

如上,想要清除option

$('.posit option').remove();

$('.posit').empty();

相关文章
|
10月前
|
JavaScript
jQuery的empty、remove、detach区别
jQuery的empty、remove、detach区别
|
JavaScript Java API
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
|
JavaScript 前端开发
jquery empty()方法
empty() 方法从被选元素移除所有内容,包括所有文本和子节点。 $(selector).empty() $(document).ready(function(){ $(".btn1").
923 0
|
JavaScript
[jQuery]empty()和remove()的区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下 了,仍保留其在dom中所占的位置。
726 0
|
11月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
54 0
|
4月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
3月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
41 1
|
28天前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
3月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
22 0