在jQuery中,我們可以使用選擇器來選擇我們需要的元素。但是,在某些情況下,我們只想選擇當前未被隱藏的元素,這就需要用到一些特殊的選擇器。
//選擇所有未隱藏的div元素 $("div:not(:hidden)"); //選擇所有未隱藏的input元素 $("input:not(:hidden)"); //選擇所有未隱藏的帶有某個類名的元素 $(".classname:not(:hidden)"); //選擇所有未隱藏的某個標簽的元素 $("tagname:not(:hidden)");
可以看到,我們在選擇器后面使用了":not(:hidden)",這就表示我們只選擇當前未被隱藏的元素。這個選擇器非常實用,特別是當我們需要在隱藏和顯示元素之間切換時。
注意,使用":hidden"選擇器可以選擇當前被隱藏的元素,它是":not(:visible)"的簡寫形式。
//選擇所有被隱藏的div元素 $("div:hidden"); //選擇所有被隱藏的input元素 $("input:hidden"); //選擇所有被隱藏的帶有某個類名的元素 $(".classname:hidden"); //選擇所有被隱藏的某個標簽的元素 $("tagname:hidden");
綜上所述,選擇未隱藏的元素非常簡單,只需要在選擇器后面加上":not(:hidden)"即可。
下一篇jquery選選項卡