jquery显示或隐藏div元素的方法

来源:IT星空
访问量:121
发布日期:2023-12-02

jquery要显示或隐藏div元素,有3种方法,第一种是通过在div上添加样式display来解决,第二种是通过css方法设置div的样式,第三种是通过jquery内置的hide方法或show方法来解决。

请看以下示例:

<div id="app">
你好,世界
</div>

以下是jquery的三种显示或隐藏div的方法:

//通过添加style属性控制样式
$("#app").attr("style","display:none;");//隐藏div
$("#app").attr("style","display:block;");//显示div

//通过css方法添加css样式
$("#app").css("display","none");//隐藏div
$("#app").css("display","block");//显示div

//通过内置show或hide方法
$("#app").hide();//隐藏div
$("#app").show();//显示div