教你用jquery判断内容是否为空

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

例如：

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

$(function(){

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

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

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

} else {

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

}

})

</script>

</body>

</html>

例子中div里有内容，所以输出结果是“有内容的哦亲！”

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

看下面的动图，了解一下本例最后实现的效果。

attr();本身是设置标签属性用的，这里用来设置样式和获取样式。
addClass();这个是追加样式。
removeClass();这是移除样式。
toggleClass();这是切换样式，切换的意思很简单，有就删除，没有就追加。
hasClass();判断样式是否存在。

一、我们先做一个盒子，给它最基本的样式，就是宽和高。

二、忘记了，还要链接jQuery库，我们就连官网的库吧。

三、现在打开网页什么都看不见，我们加个按钮“添加红色背景”，同时也添加一个样式addred。

四、现在可以添加按钮的点击事件了，点击事件先留个空，一步一步来。

五、接下来可以在事件里面放操作了，这里就给box追加样式addred。

六、后面就不啰嗦了，一口气直接再添加三个按钮，三个空的点击事件。

七、先试着去掉背景。

八、忘记了，还要添加一个边框样式togborder。

九、toggleClass()它是有则删，无则加，所以称为切换。

十、hasClass()是判断样式是否存在，这里我们用alert消息框输出结果。

十一、忘记一个方法了，那就是attr()，再加一个按钮，再加一个点击事件。

本文来源于，落笔承冰原创，下面是源码。

题

如何判断一个变量或者对象，不是空对象

代码如下

    <script>
        function isEmptyObject(obj) {
            for (var key in obj) {
                return false;
            }
            return true; 
        }
    </script>

说明:

如果是对象那么这个对象一定有成员。使用这样的原理进行判断

下面是循环代码,得到当前对象的成员Key

for (var key in obj) {
                return false;
            }

遍历这个对象所有的成员

var tmpJson4=[{ 'UserName': '张三','Sex':'男' }, { 'UserName': '李四','Sex':'女' }];
$.each(tmpJson4, function(index, elem) {
                    console.log("当前的Key" + index + ",姓名:"+elem.UserName + ",性别:" + elem.Sex);
                });

上面jquery的each循环中 index是对象的key, elem是成员属性

在线咨询

上一篇：2019中国人游日本摄影大赛美图赏析（一）
下一篇：优化人必备常用SEO工具大全

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

教你用jquery判断内容是否为空

您的项目需求