仁者爱人

今日努力学习,是为了明日衣食无忧.

导航

jquery1.9学习笔记 之层级选择器(一)

子选择器(“parent > child”)

 

描述:选择所有父元素的直系子元素。

 

例子:  

<!doctype html>

<html lang='zh'>

    <head>

        <meta charset='utf-8'>

        <title>child demo</title>

        <style type="text/css">

            body{

                font-size: 14px;

            }

        </style>

        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    </head>

    <body>

        <ul class="topnav">

            <li>Item 1</li>

            <li>Item 2

                <ul>

                    <li>Nested item1</li>

                    <li>Nested item2</li>

                    <li>Nested item3</li>

                </ul> 

            </li>

            <li>item 3</li>

        </ul>

        <script type="text/javascript">

            $("ul.topnav > li").css("border", "3px double red");

        </script>

    </body>

</html>

posted on 2013-09-01 15:06  semcoding  阅读(325)  评论(0编辑  收藏  举报