Jquery之简单选择器(标签选择器、id选择器、类选择器、并集选择器、全局选择器)

135 阅读1分钟

<body>
    <p>通过标签名字体颜色改为红色</p>
    <h1 id="box">通过id修改字体大小</h1>
    <h1 class="a">通过类名将背景变为蓝色</h1>
    <h1 class="a">通过类名将背景变为蓝色</h1>
    
    <script src="./jquery-1.12.4.js"></script> //必须引入一个封装好的js文件,否则下面<script>的jquery内容不起作用
    <script>  
        $('p').css('color', 'red'); //标签选择器
        $('#box').css('fontSize', '40px'); //id选择器
        $('.a').css('background', 'blue'); //类选择器
        $('#box,.a,p').css('border', '1px solid red'); //并集选择器,添加边框
        
        //全局选择器,将所有元素的背景都设为黑色,
        //$('*').css('background', 'black'); //PS:运行此行代码时将上面四行代码注释掉
    </script>
</body>