jquery和js实现对div的隐藏和显示方法

介绍jquery和js实现对div的隐藏和显示方法的攻略如下：

使用js对div隐藏和显示的方法

1.使用style属性来操作div的样式

style属性可以获取和设置元素的样式属性。如果要通过js设置元素的样式属性，可以使用该属性。

隐藏元素

可以通过设置style属性的display属性为“none”来将元素隐藏。

document.getElementById("myDiv").style.display = "none";

显示元素

可以通过设置style属性的display属性为“block”来将元素显示。

document.getElementById("myDiv").style.display = "block";

2.使用class属性来隐藏和显示元素

可以通过为元素添加或删除某个class来隐藏或显示该元素。

隐藏元素

document.getElementById("myDiv").classList.add("hide");

显示元素

document.getElementById("myDiv").classList.remove("hide");

使用jquery对div隐藏和显示的方法

jquery可以大大简化js的编写，可以更快速便捷地完成对元素的隐藏和显示。

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

隐藏元素

$("#myDiv").hide();

显示元素

$("#myDiv").show();

2.使用addClass()和removeClass()方法来隐藏和显示元素

可以通过为元素添加或删除某个class来隐藏或显示该元素。

隐藏元素

$("#myDiv").addClass("hide");

显示元素

$("#myDiv").removeClass("hide");