jQuery 使用display

颜谦熙 3个月前 38浏览 0评论

jQuery是一款流行的JavaScript库,其提供了许多简单易用的方法实现各种操作,其中包括使用display属性的操作。

对于display属性,jQuery提供了show()和hide()方法,用于显示和隐藏DOM元素。其中,show()方法会将元素的display属性设置为原先的值,如果原先没有设置则默认为block;而hide()方法则将元素的display属性设置为none,从而隐藏元素。

除此之外,jQuery还提供了toggle()方法,用于切换元素的显示和隐藏状态。例如:

$("#btn").click(function(){
  $("#div1").toggle();
});

这段代码表示,当点击id为“btn”的元素时,id为“div1”的元素会切换显示和隐藏状态。

对于想要改变元素的display属性值的情况,jQuery也提供了css()方法,用于设置任意CSS属性。例如:

$("#div1").css("display", "inline-block");

这段代码表示,将id为“div1”的元素的display属性值设置为“inline-block”。

总之,jQuery使用display属性非常方便,可通过show()、hide()和toggle()方法以及css()方法实现各种效果。