JQuery是一款廣泛使用的JavaScript庫,它可以方便地處理DOM(文檔對象模型)元素的選擇和操作。其中一個十分常用的功能就是選擇特定的元素,今天我們要討論的就是如何選擇那些沒有隱藏的元素。
$(':not(:hidden)')
上述代碼表示選擇一個不存在于隱藏中的元素。這里使用了JQuery的“:not”偽類和“:hidden”偽類來達到目的。
首先,“:not”偽類,也稱非選擇器,可以選擇除了某個元素的所有其他元素。而“:hidden”偽類可以選擇所有隱藏的或者不可見的元素。將這兩個偽類組合使用,就可以選擇沒有隱藏的元素了。
這個方法適用于很多我們需要對可見元素操作的情況。例如想要選擇所有顯示出來的表格單元格:
$('table td:not(:hidden)')
或者在文本框中搜索某個不被隱藏的值:
$('input[type="text"]:not(:hidden)').filter(function() { return $(this).val() == 'searchValue'; });
總之,在使用JQuery選擇元素時,了解各種偽類的用法和組合使用是非常重要的,可以提高代碼的可讀性和靈活性。