jQuery-如何確定特定類是否已切換？

Question

<div class="tab1"><div>

<div class="tab1 active"></div>

給定上面的代碼，我如何使用jQuery告知tab1類已更改或“變為活動”

我認為有一個更好的解決方案是在tab1 div中添加一個id，並檢查該類是否附加了“ active”。

[下面的偽代碼]

$('#tab1').click(function() {
   var myClass = $(this).attr("class");
   if(myClass.stringAt(6-12) == active){
       // do something
   }
});

Answer 1

您可以使用hasClass()來檢查其是否具有active class 。 還要注意，在您的代碼中tab1是一個類而不是ID，因此它應該是

$('.tab1').click(function() {//Note that tab1 is a class in your code
  if($(this).hasClass('active')){// Check if the div has the class active or not
   //Do your operation
  })
})

Answer 2

我認為您只需要通過is函數使用：visible和：hidden（可以在下面的用法中看到），請注意，我將其編寫為單元測試，因此您可以自己測試不同的場景並從中學習。 希望能幫助到你！

的HTML

<div class="tab1"></div>

<div class="tab1 active"></div>

jQuery 2.1.3

jQuery(document).ready(function(){                       
    if(jQuery(".tab1").is(":visible")){
        alert("tab1 is visible");
    }
    else{
        alert("nothing is :visible");
    }
    if(jQuery(".tab1.active").is(":visible")){
        alert("tab1 active is visible");
    }
    else{
        alert("nothing is :visible");
    }
});

看看這里的“視覺”示例： jsFiddle

jQuery參考： 確定切換元素的狀態