jquery可见性选择器

原创 2012年03月21日 20:40:08

1):hidden:匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

   eg:<style>

       .hidden{

          display:none;

         }

      </style>

      <script>

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

          //点击按钮后,将隐藏的元素显示出来并且背景为绿色

          $("div:hidden").show().css("baclground","green");

        });

      </script>

      <body>

        <div id="one"></div>

        <div class="hidden"></div>--------点击按钮后显示出来,并且颜色为绿色

      </body>

2):visible:匹配所有的可见元素

   eg:<script>

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

          //点击按钮后,将所有可见的元素显示出来并且背景为绿色

          $("div:visible").css("baclground","green");

        });

      </script>

      <body>

        <div id="one"></div>--------变绿

        <div id="two"></div>--------变绿

        <div class="hidden"></div>

      </body>

jQuery——可见性筛选选择器

jQuery的可见性筛选选择器有visible和hidden,对应于元素的显示和隐藏状态;为此先要区分display:none和visibility:hidden的区别: display:none是在...
  • luofeng457
  • luofeng457
  • 2016年10月11日 13:56
  • 2070

JQuery选择器中的可见性筛选

元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 下面用表格大致了解一下,就两个选择器:这2个选择器都是 jQuery 延伸出来的,看起来比较...
  • LHJBK
  • LHJBK
  • 2016年05月30日 17:47
  • 825

Jquery之子选择器和可见性选择器

//子选择器 //1、选择所有位于其父节点后的第一个位置是指定元素(li)的元素子节点,如果li在ul的第一个位置,则不会被选择 $("li:first-child").css("bo...
  • Raynaing
  • Raynaing
  • 2016年04月30日 06:58
  • 263

jQuery选择器之可见性筛选选择器

元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 我们有几种方式可以隐藏一个元素: 1、CSS display的值是none。 2、...
  • Little_Frog_Prince
  • Little_Frog_Prince
  • 2017年05月25日 18:41
  • 185

jQuery的选择器——可见性过滤选择器

jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个:可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构,方便学习...
  • judyge
  • judyge
  • 2015年12月15日 10:26
  • 190

jQuery的选择器——可见性过滤选择器

jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个:可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构,方便学习...
  • zhengbo0
  • zhengbo0
  • 2013年08月27日 09:11
  • 734

jQuery选择器——可见性过滤选择器

上一章介绍了属性过滤选择器,相信大家都看明白了吧,今天要学习的是可见性过滤选择器,为了更好地学习,我们先列出一段HTML代码:...
  • xiaouncle
  • xiaouncle
  • 2017年08月02日 07:09
  • 262

jQuery选择器之可见性筛选选择器

在jQuery中占用空间布局即为可见,不占用空间布局为不可见。我们有几种方式可以隐藏一个元素:CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。...
  • a848057236
  • a848057236
  • 2016年12月16日 15:43
  • 90

jQuery的可见性过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...
  • tyutjavalily
  • tyutjavalily
  • 2015年08月14日 10:23
  • 178

jQuery——子选择器与可见性选择器

子元素选择器与可见性选择器子元素选择器是允许利用子元素的位置进行获取的选择器 子内容选择器3种用法 E:first-child 选择所有位于其父元素第一个位置的E元素 E:last-child ...
  • Yeoman92
  • Yeoman92
  • 2016年12月29日 22:46
  • 220
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery可见性选择器
举报原因:
原因补充:

(最多只允许输入30个字)