zoukankan      html  css  js  c++  java
  • jQuery基本选择器

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <link rel="stylesheet" href="css/style.css" />
            <script src="js/jquery-1.8.3.js"></script>
            <script>
                $(function(){
                    $("#btn1").click(function(){
                        $("#one").css("background","pink");
                    });
                    $("#btn2").click(function(){
                        $(".mini").css("background","pink");
                    });
                    $("#btn3").click(function(){
                        $("div").css("background","pink");
                    });
                    $("#btn4").click(function(){
                        $("*").css("background","pink");
                    });
                    $("#btn5").click(function(){
                        $("#two .mini").css("background","pink");
                    });
                });
            </script>
        </head>
        <body>
            <input type="button" id="btn1" value="选择id为one的元素"/>
            <input type="button" id="btn2" value="选择样式值为mini的元素"/>
            <input type="button" id="btn3" value="选择所有的duv元素"/>
            <input type="button" id="btn4" value="选择所有元素" />
            <input type="butto"  id="btn5" value="选择id为two并且样式为mini的元素"/>
            <div id="one">
                <div class="mini">
                    1111111111
                </div>
            </div>
            <div id="two">
                <div class="mini">
                    222222222
                </div>
                <div class="mini">
                    3333333
                </div>
            </div>
            <div id="three">
                <div class="mini">
                    44444444
                </div>
                <div class="mini">
                    5555555
                </div>
                <div class="mini">
                    6666666
                </div>
            </div>
            <span id="four"></span>
        </body>
    </html>
  • 相关阅读:
    如何编译完全使用静态库的可执行文件
    交叉编译jpeglib遇到的问题
    安装SDL遇到的问题
    软链接/硬链接删除事项
    alias命令使用
    Linux下学习摄像头使用
    018 字符串类型及操作
    017 示例3-天天向上的力量
    016 数字类型及操作
    015 基本数据类型
  • 原文地址:https://www.cnblogs.com/qurui1998/p/10507074.html
Copyright © 2011-2022 走看看