86-100 jQuery 隐式迭代案例 背景颜色的全部修改

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.min.js"></script>
</head>

<body>
    <div>惊喜不，意外不</div>
    <div>惊喜不，意外不</div>
    <div>惊喜不，意外不</div>
    <div>惊喜不，意外不</div>

    <ul>
        <li>相同的操作</li>
        <li>相同的操作</li>
        <li>相同的操作</li>
    </ul>

    <script>
        // 1 获取4个div元素. 获取过来的是jquery对象
       console.log( $("div")  );

      
        //2 给4个div设置背景颜色为粉色  jquery对象不能使用style
        $("div").css("background","pink");
    
        //3  隐式迭代  就是把匹配的所有元素内部 进行遍历循环，给每一个元素添加CSS这个方法
         $("ul li").css("color","red")

       


       


    </script>







</body>

</html>

效果：

  

 

posted @ 2022-01-24 16:07  优敏行  阅读(25)  评论(0)    收藏  举报