首頁  >  文章  >  web前端  >  JQuery—display和Show()方法

JQuery—display和Show()方法

巴扎黑
巴扎黑原創
2017-06-29 10:43:292668瀏覽



<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn