jQuery基础----17jQuery遍历之向下遍历

来源：互联网发布：面膜推荐知乎编辑：程序博客网时间：2024/06/05 02:36

<!DOCTYPE html><!--jQuery遍历之向下遍历--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="jquery-2.1.4.min.js"></script>    <script src="js17.js"></script>    <style>        #div01{            width: 500px;            height: 500px;            border: 3px solid #000000;        }        #div02{            width: 400px;            height: 400px;            margin-top: 10px;            margin-left: 10px;            border: 3px solid #000000;        }        p{            margin-left: 10px;            margin-top: 10px;            width: 200px;            height: 200px;            border: 3px solid #000000;        }    </style></head><body><div id="div01">div1    <div id="div02">div2        <p>p            <a>                我要向下遍历            </a>        </p>    </div></div></body></html>
js:
/** * Created by hao on 2015/8/16. *///向下遍历的方法//chileren//find$(document).ready(function(){    //children只能修改向下的子级    //$("#div01").children().css({border:"3px solid #FF0000"});    //指定向下的任何一级    $("#div01").find("a").css({border:"3px solid #FF0000"});})

0 0