5_JQuery选择器基本操作之样式控制

l0510402015

于 2020-04-02 15:50:25 发布

阅读量113

点赞数

分类专栏： 12_JQuery

本文链接：https://blog.csdn.net/l0510402015/article/details/105271707

版权

12_JQuery 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

样式控制：css方法。有如下两种方式：
方式一：

$("#div1").css("background-color","red");

方式二：
$("#div1").css("backgroundColor","pink");

注意：推荐使用方式二，因为如果写对了，按住crtl键，把鼠标移动到字符上会字体会变化（在软件intellIJ IDEA）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>


        //采用JQuery入口函数，可以写多个，而且会逐个执行
        $(function () {
            //改变id为id_div1的样式
            $("#id_div1").css("backgroundColor","red")
        })


    </script>
</head>
<body>
    <div id="id_div1">div1...</div>
    <div id="id_div2">div2...</div>
    <input type="button" value="点我" id="id_btn">


</body>
</html>