Html 元素隐藏的几种方式

Html 元素隐藏的几种方式,第1张

display:none,更改元素显示方式为不显示元素;

visibility:hidden,元素不可见;

overflow:hidden,溢出包含框隐藏;

opacity:0,更改元素透明度;

Query,hide()方法,隐藏,fadeOut()淡出隐藏;

background:transparent,背景透明显示;

1.可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

$("#hide").click(function(){

$("p").hide()

})

$("#show").click(function(){

$("p").show()

})

2.使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

$("button").click(function(){

$("p").toggle()

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7014826.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存