整合營銷服務商

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

          免費咨詢熱線:

          教你用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| 一区二区三区高清| 国产成人片视频一区二区| 日本成人一区二区三区| 无码精品人妻一区二区三区AV| 香蕉久久一区二区不卡无毒影院| 99偷拍视频精品一区二区| 亚州日本乱码一区二区三区| 精品乱码一区二区三区在线| 精品无码一区二区三区爱欲九九 | 精品国产乱子伦一区二区三区| 国产日韩视频一区| 国产视频一区二区| 日本一区二区在线不卡| 3D动漫精品啪啪一区二区下载| 2014AV天堂无码一区| 久久久91精品国产一区二区三区| 亚洲中文字幕丝袜制服一区| 国产精品va一区二区三区| 日韩伦理一区二区| 高清一区高清二区视频| 久久国产精品免费一区| 国产乱码一区二区三区爽爽爽| 久久99精品国产一区二区三区| 国产精品女同一区二区| 日本免费一区二区三区四区五六区| 国产亚洲情侣一区二区无|