用jquery實現判斷一個div盒子里內容是否為空,以內容為判斷依據然后可以對它處理,有時內容為空時而盒子設定了高度,就會出現空白,這樣很不美觀,,那么這時就可以用jquery實現判斷一個div盒子里內容是否為空,空時隱藏,有時展現。
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>jq判斷div內容是否為空</title>
<script type="text/javascript" src="jquery-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),轉載請保留本文地址!
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是成員屬性
*請認真填寫需求信息,我們會在24小時內與您取得聯系。