zoukankan      html  css  js  c++  java
  • Jquery | 基础 | 慕课网 | 元素选择器

    getElementsByTagName方法得到页面所有的<div>元素 

    var divs = document.getElementsByTagName('div');

    同样的效果,$("p")选取所有的<p>元素,通过css方法直接赋予样式

    $("p")
    

      

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
        div {
             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">
        //通过原生方法处理
        //获取到所有的节点标记名为div的元素
        //给每一个div加上蓝色的边框
        var divs = document.getElementsByTagName('div');
        for (var i = 0; i < divs.length; i++) {
            divs[i].style.border = "3px solid blue";
        }
        </script>
        <script type="text/javascript">
        //通过jQuery直接传入标签名p
        //标签是可以多个的,所以得到的同样也是一个合集
        $("p").css("border", "3px solid red");
        </script>
    </body>
    

      

  • 相关阅读:
    Java中的toString、equals方法覆写,懒汉式单例模式,及异常处理
    【Java】String类、Object类、包装类总结
    Java接口练习
    Java面向对象测试
    【Java】二叉搜索树的实现操作及应用
    【Java】实现二叉树基本操作、面试题
    SAS--宏变量
    SAS--array
    SAS--do loop until while
    SAS--设置行号、标记
  • 原文地址:https://www.cnblogs.com/jj81/p/9697113.html
Copyright © 2011-2022 走看看