jquery顯示,隱藏

2021-06-28 17:10:02 字數 601 閱讀 1800

//第一種方法,給元素設定style屬性

$("#hidediv").css("display","block");

//第2種方法,給元素換class,來實現div的隱藏,前台是換的class隱藏樣式已經定義

$("#hidediv").attr("class","blockclass");

//第3種方法,通過jquery的css方法,來實現div隱藏

$("#hidediv").css("display","none");

多說一句:css()方法設定或返回被選元素的乙個或多個樣式的屬性

$("#hidediv").show();//顯示div

$("#hidediv").hide();//隱藏div

display:none和visible:hidden都把網頁上某個原始隱藏起來,在視覺效果上沒有區別,但是在乙個dom操作中二者還是有區別的:

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

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

jQuery 隱藏 顯示

語法 selector hide speed,callback selector show speed,callback 可選的 speed 引數規定隱藏 顯示的速度,可以取以下值 slow fast 或毫秒。可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。下面的例子演示了帶有 s...

jquery顯示隱藏元素

id css display none id css display block 或 id 0 style.display none id 返回的是jquery 它是個集合肯定沒有display屬性 firststep hide 500 而且可以設定時間 firststep hide 500 而且可...

jquery隱藏顯示元素

1.hide 方法 等效為display none 他可以記住display none之前display的值 2.show 方法 可以恢復hide 呼叫之前dispaly的值同事改變高度寬度不透明度 3.fadein 方法可以通過改變元素的不透明度顯示 4.fadeout 方法可以通過改變元素的不透...