css

最新推荐文章于 2023-05-20 23:08:29 发布

Clond2022

最新推荐文章于 2023-05-20 23:08:29 发布

阅读量248

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/HXChuangxiaochuan/article/details/78662726

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.js"></script>
    <script>
        $(function () {
            //css（name，value）
            //修改单个样式
            //name:样式名 value: 样式值
            $("li")
                .css("backgraoundColor","pink")
                .css("color","red")
                .css("fontSize","32px");

            //css(obj)
            //修改多个样式
            $("li").css({
                backgroundColor: "pink",
                color: "red",
                fontSize: "32px",
                border: "1px solid black"
            });

            //获取样式
            console.log($("li")).css(("fontSize"));


            //隐式迭代：
            //设置操作的时候：会给jq内部的所有对象都设置上相同的值。
            //获取的时候：只会返回第一个元素对应的值
            console.log($("li").css("fontSize"));


        });

    </script>
</head>
<body>
<ul>
    <li>周二珂</li>
    <li>2</li>
    <li>毫升</li>
    <li>叫你看</li>
</ul>

</body>

</html>

Clond2022

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="jquery-3.2.1.js">script> script> $(function () { //css（name，value） //修改单
复制链接

扫一扫

专栏目录