• jQuery选择器--#id、element和.class


       #id

    描述

        根据给定的ID匹配一个元素。使用任何的元字符作为名称的文本部分, 它必须被两个反斜杠转义:\

    参数

        id  用于搜索的,通过元素的 id 属性中给定的值

       element

    概述

        根据给定的元素标签名匹配所有元素

    参数

        element  一个用于搜索的元素。指向 DOM 节点的标签名

       .class

    概述

        根据给定的css类名匹配元素

    参数

        class  一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
            <title></title>
            <script>
                $(document).ready(function(){
                    $("button").click(function(){
                        //#id选择器
                        $("#li").css("color","#0000FF");
                        //element选择器
                        $("p").css("color","#0000FF");
                        //。class选择器
                        $(".main").css("color","#0000FF");
                    });
                });
            </script>
            <style>
                .main{
                    color: #FF0000;
                }
            </style>
        </head>
        <body>
            <p>第一个段落。</p>
            <p>第二个段落。</p>
            <ol>
                <li id="li">Java</li>
                <li class="main">C#</li>
            </ol>
            <button>点击按钮</button>
        </body>
    </html>
  • 相关阅读:
    06C++11线程池
    05C++11生产者消费者模式2
    04C++11生产者消费者模式
    03智能指针之shared_ptr
    洛谷P1262+Tarjan缩点
    洛谷P1147 连续自然数和
    洛谷P1970 花匠
    接下来的一些操作
    树状数组 代码(洛谷为例)
    洛谷P1576 最小花费
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10053323.html
Copyright © 2020-2023  润新知