jq控制div是否展示_html - jquery操作div的显示

在html页面，显示的内容太多，会影响用户体验，如果有一些，点击才出现的内容，就可以减少内容的干扰。使用jquery就可以很快的实现。

例子

div隐藏测试

隐藏或者显示

div的内容

$("#controller").click(function () {

if ($("#contents").is(":hidden")) {

$("#contents").show()

} else {

$("#contents").hide()

}

})

jqyery操作

$("#contents").is(":hidden") 可以判断是否是隐藏

$("#contents").show() 表示display:block,

$("#contents").hide() 表示display:none;

专栏

\u7f51\u7ad9\u5f00\u53d1\u5fc5\u5b66\u4e4bHTML\u8bed\u8a00

作者：\u521d\u5b66\u8005\u4e4b\u8def\u5f20\u8001\u5e08

28币

12人已购

查看

操作元素的属性

$("#contents").attr("style","display:none;"); //隐藏div

$("#contents").attr("style","display:block;"); //显示div

也可以操作css属性

$("#contents").css("display","none"); //隐藏div

$("#contents").css("display","block"); //显示div

也可以直接使用toggle转换开关实现

$("#contents").toggle()