f6056

慕课网4-2 编程练习:jQuery祖先后代选择器小案例

4-2 编程练习

结合所学的祖先后代选择器,实现如下图所示效果

任务

(1)使用祖先后代选择器将第二段文字背景色变成红色

(2)使用jQuery的.css()方法设置样式,语法css(\'属性 \'属性值\')

参考代码:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>慕课网4-2 编程练习</title>
</head>
<body>
    <div class="box">
        <ol>
            <li>道终来归正法</li>
            <li>课书聊自限三更</li>
            <li>网中跳出便飞腾</li>
            <li>首身离兮心不惩</li>
            <li>选取灵芝草尽芟</li>
        </ol>
        <ul>
            <li>前望舒使先驱兮</li>
            <li>端端正正人如月</li>
            <li>工夫却是花枝浅</li>
            <li>程文堆案晨兴早</li>
            <li>师尚父年浑未艾</li>
        </ul>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
    $(document).ready(function() {
      //此处填写代码
      $(\'ul li\')
      .css({\'background\':\'red\'})
    });
    </script>
</body>
</html>

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-01-24
  • 2022-12-23
  • 2021-11-17
  • 2021-04-28
  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
猜你喜欢
  • 2022-12-23
  • 2022-02-07
  • 2021-12-09
  • 2021-11-22
  • 2022-01-01
  • 2021-12-02
  • 2022-12-23
相关资源
相似解决方案