zoukankan      html  css  js  c++  java
  • jquery选择器之全选择器

    在CSS中,经常会在第一行写下这样一段样式
    * {padding: 0; margin: 0;}
    通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素
    $( "*" )
    抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
        div {
            width: 100px;
            height: 90px;
            float: left;
            padding: 5px;
            margin: 5px;
            background-color: #EEEEEE;
        }
        </style>
        <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
    </head>
    <body>
        <div class="aaron">
            <p>class="aaron"</p>
            <p>选中</p>
        </div>
        <div class="aaron">
            <p>class="aaron"</p>
            <p>选中</p>
        </div>
        <div class="imooc">
            <p>class="imooc"</p>
            <p>jQuery选中</p>
        </div>
        <div class="imooc">
            <p>class="imooc"</p>
            <p>jQuery选中</p>
        </div>
    
        <script type="text/javascript">
            //获取页面中所有的元素
            var elements1 = document.getElementsByTagName('*');
        </script>
        <script type="text/javascript">
            //获取页面中所有的元素
            var elements2 = $("*");
            //原生与jQuery方法比较
            //===表示数据和类型都相等
            if(elements2.length === elements1.length){
               elements2.css("border","1px solid red");
            }
        </script>
    </body>
    
    </html>
  • 相关阅读:
    JavaSE-方法覆盖的注意事项
    underscore.js源码研究(4)
    underscore.js源码研究(3)
    移动端font-size适配方案
    控制台引入想要的库
    页面布局与编写(续3)
    underscore.js源码研究(2)
    全屏使用swiper.js过程中遇到的坑
    模块加载
    underscore.js源码研究(1)
  • 原文地址:https://www.cnblogs.com/wzndkj/p/11727626.html
Copyright © 2011-2022 走看看