如何使用jquery中的hidden和visible查詢元素

2019-12-12 02:11:42

在jQuery中，有很多方法可以用來查詢元素，如hidden、visible。其中，hidden是查詢隱藏的或input type為hidden的元素，而visible是查詢可見的元素。注意一點，visible不能直接跟input使用，如input:visible。下面利用範例說明，操作如下：

第一步，由於這裡使用到jQuery，在已開啟的HBuilderX，新建靜態頁面並引入jQuery核心檔案，如下圖所示：

第二步，在body標籤元素內，插入一個form表單，然後插入多個input，其中有type為hidden，還有display為none的，如下圖所示：

第三步，在引入jquery下方，插入一個<script></script>，宣告一個變數obj，呼叫input:visible，獲取對應的值，如下圖所示：

第四步，儲存程式碼並開啟瀏覽器檢視結果，開啟控制台出現了報錯，如下圖所示：

第五步，返回到HBuilderX編輯器，將input:visible改為input:hidden，如下圖所示：

第六步，再次儲存程式碼並預覽效果，可以看到瀏覽器控制台列印出input結果，如下圖所示：