快捷搜索:  汽车  科技

jquery 条件判断(教你用jquery判断内容是否为空)

jquery 条件判断(教你用jquery判断内容是否为空)</head><script type="text/javascript" src="https://img.aigexing.comjquery-1.7.2.min.js"></script><head><meta charset="gb2312"><title>jq判断div内容是否为空</title>

用jquery实现判断一个div盒子里内容是否为空,以内容为判断依据然后可以对它处理,有时内容为空时而盒子设定了高度,就会出现空白,这样很不美观,,那么这时就可以用jquery实现判断一个div盒子里内容是否为空,空时隐藏,有时展现。

例如:

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312">

<title>jq判断div内容是否为空</title>

<script type="text/javascript" src="https://img.aigexing.comjquery-1.7.2.min.js"></script>

</head>

<body>

<div class="box" style="display:none;">内容</div>

<div class="txt"></div>

<script type="text/javascript">

$(function(){

var box=$(".box").html();

if(box==null||box==""){

$(".txt").html("空的哦亲!");

} else {

$(".txt").html("有内容的哦亲!");

}

})

</script>

</body>

</html>

例子中div里有内容,所以输出结果是“有内容的哦亲!

除注明外的文章 均为来源:汤久生博客(QQ:1917843637) 转载请保留本文地址!

猜您喜欢: