zoukankan      html  css  js  c++  java
  • jQuery学习- 子选择器与可见性选择器

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>子选择器与可见性选择器</title>
                <script src="js/jquery.js"></script>
            <script type="text/javascript">
            $(function(){
            //出现在其父元素第一个位置的li
            $("li:first-child").css("border","2px solid red") 
            
            //出现在其父元素最后一个位置的li
             $("li:last-child").css("border","2px solid orange") 
             
             //出现在其父元素第三个位置的li 从1开始 以前学过的:eq(n)是从0开始,
             $("li:nth-child(3)").css("border","2px solid blue") 
             
             //获取所有可显示的元素
             $(":visible").css("border","2px solid blue") 
             
            })
            //
            </script>
        </head>
        <body>
            <div>
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <ul>
                        
                        <li>7</li>
                        <li>8</li>
                    </ul>
                </ul>
            </div>
        </body>
    </html>
  • 相关阅读:
    指针和数组的关系
    深入学习数组
    const关键字与指针
    野指针是什么
    指针带来的一些符号的理解
    指针的本质
    内存管理之堆
    内存管理之栈
    元类
    断点调式和面向对象进阶
  • 原文地址:https://www.cnblogs.com/whzym111/p/6066169.html
Copyright © 2011-2022 走看看