jQuery :empty选择器

:empty选择器语法

$(':empty')

:empty选择器语法解析

在jQuery中,:empty选择器可以用于匹配HTML文档中所有的空的元素。而什么是空元素呢?即,没有任何内容的元素,包括没有子元素和文本元素——元素中的文本。

:empty选择器实例代码

下方的实例中,使用:empty选择器匹配了一个div和一个p元素,并通过按钮的点击为这两个元素添加文本(如果当前页面中的其它位置也出现了“HELLO”的文本,那是因为当前HTML页面中也存在一些空的元素,比如添加的一些glyphicon图标,恢复原状,只需刷新页面即可):

<p></p>
<div></div>
<button id="test">添加文本元素</button>

<script>
$("#test").click(function(){
  $(":empty").text("HELLO")
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.