教你用jquery判斷內(nèi)容是否為空

用jquery實現(xiàn)判斷一個div盒子里內(nèi)容是否為空，以內(nèi)容為判斷依據(jù)然后可以對它處理，有時內(nèi)容為空時而盒子設(shè)定了高度，就會出現(xiàn)空白，這樣很不美觀，，那么這時就可以用jquery實現(xiàn)判斷一個div盒子里內(nèi)容是否為空，空時隱藏，有時展現(xiàn)。

例如：

<!DOCTYPE html>

<html>

<head>

<title>jq判斷div內(nèi)容是否為空</title>

</head>

<body>

$(function(){

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

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

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

} else {

$(".txt").html("有內(nèi)容的哦親！");

}

})

</script>

</body>

</html>

例子中div里有內(nèi)容，所以輸出結(jié)果是“有內(nèi)容的哦親！”

除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉(zhuǎn)載請保留本文地址！

看下面的動圖，了解一下本例最后實現(xiàn)的效果。

attr();本身是設(shè)置標(biāo)簽屬性用的，這里用來設(shè)置樣式和獲取樣式。
addClass();這個是追加樣式。
removeClass();這是移除樣式。
toggleClass();這是切換樣式，切換的意思很簡單，有就刪除，沒有就追加。
hasClass();判斷樣式是否存在。

一、我們先做一個盒子，給它最基本的樣式，就是寬和高。

二、忘記了，還要鏈接jQuery庫，我們就連官網(wǎng)的庫吧。

三、現(xiàn)在打開網(wǎng)頁什么都看不見，我們加個按鈕“添加紅色背景”，同時也添加一個樣式addred。

四、現(xiàn)在可以添加按鈕的點擊事件了，點擊事件先留個空，一步一步來。

五、接下來可以在事件里面放操作了，這里就給box追加樣式addred。

六、后面就不啰嗦了，一口氣直接再添加三個按鈕，三個空的點擊事件。

七、先試著去掉背景。

八、忘記了，還要添加一個邊框樣式togborder。

九、toggleClass()它是有則刪，無則加，所以稱為切換。

十、hasClass()是判斷樣式是否存在，這里我們用alert消息框輸出結(jié)果。

十一、忘記一個方法了，那就是attr()，再加一個按鈕，再加一個點擊事件。

本文來源于，落筆承冰原創(chuàng)，下面是源碼。

題

如何判斷一個變量或者對象，不是空對象

代碼如下

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

說明:

如果是對象那么這個對象一定有成員。使用這樣的原理進(jìn)行判斷

下面是循環(huán)代碼,得到當(dāng)前對象的成員Key

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

遍歷這個對象所有的成員

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

上面jquery的each循環(huán)中 index是對象的key, elem是成員屬性

在線咨詢

上一篇：2019中國人游日本攝影大賽美圖賞析（一）
下一篇：優(yōu)化人必備常用SEO工具大全

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

教你用jquery判斷內(nèi)容是否為空

您的項目需求