jQuery –空选择器示例

最新推荐文章于 2024-10-25 15:04:44 发布

cyan20115

最新推荐文章于 2024-10-25 15:04:44 发布

阅读量193

点赞数

文章标签： javascript ViewUI

在jQuery中，“ empty ”选择器用于选择所有没有子元素的元素（包括内部的任何文本）。

例子

<div class="div-class1">
   This is div-class1
</div>

<div class="div-class2" />

$（'：empty'）–匹配“ div-class2 ”，但不匹配。

jQuery示例

一个简单的示例说明jQuery“空”选择器的用法。

<html>
<head>
<title>jQuery empty example</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<style type="text/css">
	div{
		padding:8px;
		border:1px solid;
	}
</style>
</head>

<body>

<h1>jQuery empty example</h1>

<div class="div-class1">
	This is div-class1
</div>

<div class="div-class2" />

<div class="div-class3">
	This is div-class3
	<div class="div-class3-1">
		This is div-class3-1
	</div>	
</div>

<br/><br/>

<button>:empty</button>

<script type="text/javascript">
    $("button").click(function () {
      var str = $(this).text();
      $("*").css("background", "white");
      $(str).css("background", "coral");
    });
</script>

</body>
</html>

试试演示