首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

DOM节点删除之emptyremove区别

要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下emptyremove方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了...//但是本身id=test的div元素没有被删除 $("#test").empty() }) removeempty...,同事事件也会被销毁 remove表达式参数: removeempty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点 我们可以通过$()选择一组相同的元素...二个方法,两个都是删除元素,但是两者还是有区别: 要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别 empty方法...严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式

1.4K10

:empty伪类代替js,实现为空时的提示

在显示数据列表时,我们通常还会写个判断,如果数据数据为空时,显示类似“无数据”的提示给用户 下面分享一个,不用去写js判断,直接css实现为空时的信息提示。...使用方法就是利用:empty伪类 :empty 伪类用来匹配空标签元素,例如: .cs-empty:empty{ width: 120px...; padding: 20px; border: 10px dashed; } 此时,div 元素就会匹配:empty伪类,呈现出虚线框 利用:before的特性,便能实现数据为空时的信息提示...,代码如下: .cs-search-module:empty::before{ content: '没有搜索结果'; display: block; line-height: 300px...; text-align: center; color: gray; } 哈哈,发现有好一些用js操作的方法,都可以使用css来实现,大家在代码过程中,多思考一下,是否Css能代替js,

1.5K20
领券