关闭

jquery可见性选择器

1251人阅读 评论(0) 收藏 举报

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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:108675次
    • 积分:1300
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:2篇
    • 译文:0篇
    • 评论:12条
    最新评论