使用jquery控制div的顯示與隱藏

2022-09-12 04:15:11 字數 887 閱讀 2556

$("#id").show()表示為display:block,

或$("#id").hide()表示為display:none;

$("#id").toggle()切換元素的可見狀態。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,則切換為可見的。

$("#id").css('display','none');//隱藏

$("#id").css('display','block');//顯示

或者$("#id")[0].style.display='none';

display=none 控制物件的隱藏搜尋

display=block控制物件的顯示

$("#id").css('visibility','hidden');//元素隱藏

$("#id").css('visibility','visible');//元素顯示

css:

visibility 屬性規定元素是否可見。

visible 元素可見。

hidden 元素不可見。

collapse 在**元素中使用時,此值可刪除一行或一列,但它不影響**的布局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上,會呈現為 "hidden"。

inherit 從父元素繼承 visibility 屬性的值。

注意:display:none和visible:hidden都能把網頁上某個元素隱藏起來,在視覺效果上沒有區別,但是在一些dom操作中兩者有區別:

display:none ---不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。

visible:hidden--- 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,即它仍然具有高度、寬度等屬性,通俗來說就是看不見但摸得到。

Jquery移動端控制DIV拖拽

需求 車型配置表,移動端需要滑動,並且多項配置的表需要聯動對應頭部分類名稱 要求 左側 title 固定 頂部需要吸頂效果 處理方案 一開始打算使用table 但是發現不太好控制,後來就使用了div進行模擬了table 左側title 和 右側的 屬於兩部分結構。然後移動端的時候進行相對定位,控制右...

jQuery實現「分頁」的效果,控制div分頁顯示

現在有多個div,如果完全顯示在乙個頁面裡,顯得太臃腫。故而需要分頁,下面是我用jquery控制每頁顯示個數的 僅供參考測試!頁面布局 aaaaaa1 aaaaaa2 aaaaaa3 aaaaaa4 aaaaaa5 aaaaaa6 aaaaaa7 aaaaaa8 aaaaaa9 aaaaaa10 a...

使用JQuery使Div居中

div居中是乙個比較常見的需求。下面介紹一種使用jquery使div居中的方法 先假設有這樣乙個div,test 首先是要把需要居中的div進行絕對定位,如 有了這樣的樣式定義之後就是使其居中的js 了。var obj d 獲得相應的div物件 var x window width 500 2 使用...