壹、show()和hide()函數分析:
1和show()方法顯示隱藏的選定元素。
註意:show()適用於CSS中被jQuery方法和display:none隱藏的元素(不適用於被visibility:hidden隱藏的元素)。
2.hide()方法隱藏選定的元素。
這類似於CSS屬性display:none,但是隱藏的元素不會完全顯示(不再影響頁面的布局)。
其次,設計壹個HTML頁面,包括壹個簡單的彈出窗口和壹個顯示按鈕。其中調用了jquery的上述兩個函數。具體代碼如下:
第三,設計遮罩層的樣式,如下所示:
四、彈出窗口的css樣式,代碼如下:
動詞 (verb的縮寫)初始頁面如下所示:
六、點擊按鈕查看彈出窗口結果:
七、關閉彈出窗口後,打開開發者中心,如下: