这篇文章主要介绍了 jQuery 验证元素是否为空的两种常用方法, 实例分析了两种常用的判断为空技巧, 非常具有实用价值, 需要的朋友可以参考下.
下面提供了两种方法用于检查指定 id 的元素的内容是否为空, 当然了, 不仅仅适用于指定了 id 的元素, 同样适用于其他元素, 只需要改变选择器即可.
一, 使用 html() 方法获取元素内容, 再通过 if 进行判断
- if (!$('#app').HTML()) {
- alert('元素内容为空')
- }
- (相关课程推荐: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ )
二, 使用: empty 伪类进行判断
- if ($('#app').is(":empty")) {
- alert('元素内容为空')
- }
- HTML()
在一个 HTML 文档中, 我们可以使用 .HTML() 方法来获取任意一个元素的内容. 如果选择器匹配多于一个的元素, 那么只有第一个匹配元素的 HTML 内容会被获取.
:empty()
:empty 选择器选择每个没有任何子级的元素 (包括文本节点)
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15370.html