個單一的元素代碼示例:

//檢查CSS內容是否顯示:[none|block]，忽略可見性:[true|false]
$(element).is(":visible");

// 對隱藏的也是如此
$(element).is(":hidden");

使用jQuery的is()來檢查所選元素與另一個元素，選擇器或任何jQuery對象。

這個方法沿著DOM元素遍歷，以找到一個匹配的，滿足傳遞參數的元素。

如果有一個匹配，它將返回true，否則返回false。

if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
    // 'element' is hidden
}

上面的方法不考慮父級的可見性。要同時考慮父級，你應該使用.is(":hidden")或.is(":visible")。

比如說。

<div id="div1" style="display:none">
  <div id="div2" style="display:block">Div2</div>
</div>

上述方法會認為div2是可見的，而:visible不是。但上述方法在很多情況下可能是有用的，特別是當你需要找到隱藏的父類中是否有任何錯誤的div是可見的，因為在這種情況下:visible將不起作用。

月20日，約瑟夫.拜登宣誓就任美國第46任總統，令人沒想到的是，他的團隊竟然在白宮網站內隱藏了一條信息。

據外媒路透社報道，在白宮官網的HTML代碼中，隱藏著一條信息：加入“美國數字服務部門”(USDS)的邀請。

從下圖紅色橫線處可以發現，這條隱藏信息的原文是：如果你看到了，我們需要你將它建得更好。

那么，USDS到底是什么部門？

公開資料顯示，USDS始創于2014年8月，是白宮內部的一個技術部門，設在美國總統行政辦公室內，為聯邦機構提供信息技術咨詢服務。

每年，USDS都會向國會提交一份報告，詳細說明其項目和成績，其服務的部門包括退伍軍人事務部、國防部、小企業管理局、總務管理局、國土安全部、教育部以及衛生和公眾服務部。

據USDS網站顯示，招聘條件必須是美國公民，并通過背景調查和毒品測試。另外，USDS雇員的年薪通常不會超過17萬美元。

USDS是詹妮弗·帕爾卡(上圖)的創意，她的目標是在白宮創建一個技術部門，相當于英國政府數字服務部門。

該部門的第一任負責人是米奇·迪克森(Mikey Dickerson) ，他曾是谷歌的一名工程師。

題

你的網站使用隱藏表單域，而你希望查看他們及其取值。要查找開發人員不希望被修改的參數，隱藏域是首選位置。

解決方案

在WebScarab中，選擇Proxy選項卡，然后選擇該選項卡中的Miscellaneous窗格。選中標注著“Reveal hidden fields in HTML pages”的復選框，如圖3-10所示?，F在，瀏覽到某個帶有隱藏表單域的網頁。它們將顯示為純文本的輸入框，如圖3-11所示。

討論

有些開發人員和測試人員烏節路“隱藏”表單域的本質。這些域在所呈現的頁面上是不可見的，但是在頁面被提交時卻提供了附加的數據。WebScarab會將這些隱藏表單域與其他所有內容一同獲取，因此它們根本沒用真正被隱藏。依賴用戶對這些隱藏值的無知是非常危險的。

當你在決定將哪些輸入作為邊界值測試和等價類劃分的候選對象時，你也應該將隱藏域包含進來。因為現在這些輸入是明文，沒有被隱藏，你的瀏覽器會允許你直接編輯這些輸入。只需單擊對應的框并開始輸入即可。不過，有些隱藏值時由網頁中的JavaScript計算得到的，因此你手動輸入的值有可能會在表單被提交之前被覆蓋。

搜索微信公眾號：TestingStudio霍格沃茲的干貨都很硬核