简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

JQuery—display和Show()方法

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



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

相關標籤：
display jquery
來源：php.cn
上一篇：JQuery Show()的幾種效果 總有一種是你需要的 下一篇：jQuery：show()方法
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
2
1807
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
10
1959
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1659
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1559
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1592
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！