整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          教你用jquery判斷內容是否為空

          教你用jquery判斷內容是否為空

          用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是成員屬性


          主站蜘蛛池模板: 国产精品成人一区二区| 国产一区二区不卡在线播放| 国产一区二区在线观看| 亚洲一区二区三区亚瑟| 韩国一区二区视频| 成人一区专区在线观看| 午夜无码视频一区二区三区| 精品福利一区二区三区| 99久久精品国产一区二区成人 | 精品国产一区二区三区四区| 成人区精品一区二区不卡亚洲 | 精品一区二区三区四区在线| 久久国产精品一区免费下载| 国产香蕉一区二区精品视频| 精品视频在线观看一区二区| 日本成人一区二区| 国产精品亚洲一区二区在线观看| 四虎永久在线精品免费一区二区 | 无码精品黑人一区二区三区| av一区二区三区人妻少妇| 久久久久人妻精品一区三寸蜜桃| 日本伊人精品一区二区三区| 日韩一区二区在线观看| 日韩精品一区二区三区中文精品| 日本丰满少妇一区二区三区| 蜜桃臀无码内射一区二区三区| 精品视频一区在线观看| 久久久精品人妻一区二区三区蜜桃| 国产一区二区三区福利| 亚洲视频一区在线| 亚洲综合色自拍一区| 国产在线精品一区二区| 久久久久人妻精品一区| 久久久久人妻一区精品| 国产精品日韩一区二区三区| 91福利视频一区| 国产成人精品无码一区二区| 国产aⅴ一区二区三区| 精品香蕉一区二区三区| 色窝窝无码一区二区三区成人网站| 视频一区视频二区制服丝袜|