首頁 > web前端 > js教程 > JQuery—display和Show()方法

JQuery—display和Show()方法

巴扎黑
發布: 2017-06-29 10:43:29
原創
2772 人瀏覽過



<br>

顯示隱藏的符合元素。

<br>

這個就是 'show( speed, [callback] )' 無動畫的版本。如果選擇的元素是可見的,這個方法將不會改變任何東西。無論這個元素是透過hide()方法隱藏的還是在CSS裡設定了display:none;,這個方法都會有效。

HTML 程式碼:
<p style="display: none">Hello</p>
登入後複製
jQuery 程式碼:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });
登入後複製
<br>
登入後複製
登入後複製
登入後複製
登入後複製

<br>
登入後複製
登入後複製
登入後複製
登入後複製
<br>
登入後複製
登入後複製
登入後複製
登入後複製
<br>
登入後複製
登入後複製
登入後複製
登入後複製
定义和用法display 属性规定元素应该生成的框的类型。
登入後複製
#值 描述
none 此元素不會被顯示。
block 此元素將顯示為區塊級元素,此元素前後會帶有換行符號。
inline 預設。此元素會被顯示為內嵌元素,元素前後沒有換行符號。
inline-block 行內區塊元素。 (CSS2.1 新增的值)
list-item 此元素會作為清單顯示
run-in 此元素會根據上下文作為區塊級元素或內聯元素顯示。
compact CSS 中有值 compact,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
marker CSS 中有值 marker,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
table 此元素會作為區塊層級表格來顯示(類似 ),表格前後有換行符號。
inline-table 此元素會作為內嵌表格來顯示(類似 ),表格前後沒有換行符號。 )。 )。 )。 )。 )。 )
table-row-group 此元素會作為一個或多個行的分組來顯示(類似
table-header-group 此元素會以一個或多個行的分組來顯示(類似
table-footer-group 此元素會作為一個或多個行的分組來顯示(類似
table-row 此元素會顯示為一個表格行(類似
table-column-group 此元素會以一個或多個欄位的分組來顯示(類似
table-column 此元素會顯示為一個單元格列(類似
table -cell 此元素會以表格儲存格顯示(類似
table-caption 此元素會顯示為表格標題(類似
inherit 規定應該從父元素繼承 display 屬性的值。

以上是JQuery—display和Show()方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板