jquery控制div块隐藏

JQuery是一种JavaScript的库，它能够轻易地达成网页中的多样化的动画效果。其中一个常见的运用就是操纵div块的展现与遮蔽，接下来我们将学习如何采用JQuery达成这一效果。

$(document).ready(function() {
$("#hideDiv").click(function() {
$("#myDiv").hide();
});
});

上面的代码中，我们采用了JQuery的$() 方法，这个方法会将网页中的所有组件选择出来。其中#hideDiv是为事件关联的组件，采用click() 方法为其关联了一个触击事件。最后采用hide() 方法将另一个组件#myDiv 遮蔽起来。

$(document).ready(function() {
$("#showDiv").click(function() {
$("#myDiv").show();
});
});

我们相同地可以采用show() 方法来让组件展现出来。与上面的代码类似，我们将另一个组件#myDiv 展现了出来。

$(document).ready(function() {
$("#toggleDiv").click(function() {
$("#myDiv").toggle();
});
});

toggle()方法可以同时达成展现和遮蔽的效果。在上面的代码中，我们采用了#toggleDiv 组件时为其关联一个触击事件，然后我们对#myDiv 组件进行了toggle() 操作，达成了一键切换展现遮蔽状态的效果。

综上所述，我们可以采用JQuery轻松操纵div块的展现与遮蔽，为网页增加更为丰富的动画效果。