jQuery 之 css

启之灵

于 2018-12-31 16:54:41 发布

阅读量129

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/z_x_Qiang/article/details/85472554

版权

jQuery 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

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

<!--
设置css样式/读取css值
  css()
-->
<script src="js/jquery-1.10.1.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>