jquery可见性选择器

日期:2018-02-26 03:02:34 章节:  jquery选择器

jquery可见性选择器只有两种:

(1)hidden 匹配所有影藏元素  display:none;

(2)visible 匹配所有可见元素 display:block

首先新建demo5.html,页面。引入jquery文件

<script src="js/jquery-3.2.1.min.js"></script>


添加样式css:

<style>
    #one {
        display: none;
    }
    #two {
        display: block;
    }
</style>

js脚本,操作影藏的元素

$("div:hidden").show();//影藏的div显示出来

操作显示的元素div

$("div:visible").hide();//影藏显示的div