jQuery是一种流行的JavaScript库,它可以轻松管理HTML文档,提供了许多有用的功能。其中,CSS display是一项经常使用的功能。
$("button").click(function(){
$("p").toggle();
});
在上面的代码中,当点击按钮时,所有的p元素都将切换它们的display属性。如果元素之前是隐藏的,现在将变为可见。如果元素之前是可见的,现在将变为隐藏。
$("p").css("display", "none");
$("div").css("display", "none");
$("h1").css("display", "none");
上面的代码将设置所有的p、div、h1元素的display属性为none,它们将在页面中不可见。
$("p").css("display", "block");
$("div").css("display", "inline-block");
$("h1").css("display", "inline");
上面的代码将设置所有的p元素的display属性为block,div元素的display属性为inline-block,h1元素的display属性为inline。这些属性将根据需要改变元素在页面上的位置和布局。