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>
    

      

  • 相关阅读:
    python笔记005-字符串-列表-元组
    Python笔记2 标准数据类型
    VS2010与VAssistX
    【Windows核心编程】Windows常见数据类型
    网络安全加密
    防御 XSS 的七条原则
    用户权限初略设计
    [Android]Handler的消息机制
    java的线程中的Runnable
    [转]永久告别Android的背景选择器Selector!无需切很多图了!
  • 原文地址:https://www.cnblogs.com/jj81/p/9697113.html
Copyright © 2011-2022 走看看