常用div操作以及隱藏顯示方法

2022-05-06 22:36:10 字數 1005 閱讀 1791

獲取或者設定div的高度以及寬度

方法一:height和width函式,可以用於獲取或者設定元素的高度以及寬度(val()獲取引數的值,這種方法得到的值是整數)

css函式可以用於獲取或者設定元素的高度和寬度(獲取css("width"),設定css("width","200px")或者css()),這種方法得到的是已px結尾的字串

需要注意的是:val()-->無引數表示獲取文字框的值;val(value)-->有引數的表示設定文字框的值

案例

高度:寬度:

div的隱藏於顯現

toggle:切換事件,1.8版本以上支援(本次案例不使用,利用**完成)

非同步執行:callback**函式

**展示

當點選切換時,div快會從顯示狀態變為隱藏狀態,在隱藏的過程中會提示正在隱藏,隱藏完成後也會有隱藏完成的提示,在點選切換就會從隱藏狀態轉化為正在顯示的狀態,與隱藏同理

div的另外集中動畫效果

$("#btn").click(function());

});

$("#btn").click(function());

});

$("#btn").click(function());

$("#btn").click(function());

//

4000,表示4秒內完成動作,opacity=0.5=透明度

$("#btn").click(function());

div顯示隱藏

內容 div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid t...

div顯示隱藏

div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid type...

div 隱藏顯示

1 方式1 display none block display none 隱藏該html元素,確切的說,是在瀏覽器中消除該元素,不佔螢幕的空間。若其下有其他元素,就會上移到該空間區域 好像桌子上有100塊錢,現在我把它放在抽屜裡藏起來,桌子上放100錢的地方可以放在其他任何東西 dispaly b...