简单前端知识——jQuery的选择器使用案例和CSS文件的引用——04

jQuery的选择器使用案例

<script>
    $(function(){
        //ID选择器
        $("#btn1").click(function(){
            $("#two").css("background-color","palegreen");
        });
        --------------------------------------------------------
        //类选择器
        $("#btn2").click(function(){
            $(".mini").css("background-color","palegreen");
        });
        --------------------------------------------------------
        //元素选择器
        $("#btn3").click(function(){
            $("div").css("background-color","palegreen");
        });
        --------------------------------------------------------
        //通配符选择器
        $("#btn4").click(function(){
            $("*").css("background-color","palegreen");
        });
    });
</script>

---

引入CSS文件 ，这样做可以分开HTML和CSS的代码

<link rel="stylesheet" href="../../css/style.css" />