jQuery-css

最新推荐文章于 2022-10-05 11:00:19 发布

大陈&

最新推荐文章于 2022-10-05 11:00:19 发布

阅读量108

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/dad188/article/details/120220833

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p style="color: blue;">尚硅谷的后裔</p>
<p style="color: green;">太阳的后裔</p>

<!--
设置css样式/读取css值
  css()
-->
<script src="js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
    /*
     1. 得到第一个p标签的颜色
     2. 设置所有p标签的文本颜色为red
     3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px)
     */
    //1. 得到第一个p标签的颜色
    //console.log($('p:first').css('color'))

    //2. 设置所有p标签的文本颜色为red
    //$('p').css('color', 'red')

    //3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px)
    $('p:eq(1)').css({
        color: '#ff0011',
        background: 'blue',
        width: 300,
        height: 30
    })

</script>
</body>
</html>

大陈&

关注

1
点赞
踩
0

收藏

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><p style="color: blue;">尚硅谷的后裔</p><p style="color: green;">太阳的后裔</p><!-
复制链接

扫一扫

专栏目录