JQuery 无废话系列教程(二) jquery实战篇上

2020-05-23 06:10:13易采站长站整理



        });
        //]]>
    </script>
</head>
<body>


  <p>快购利众网1</p>


  <p id=”myP”>快购利众网2</p>


  <p class=”myPCss”>快购利众网3</p>


  <div id=”myDiv”>


       <div id=”myDivInner”>


           <p>快购利众网4</p>


       </div>


       <div id=”myDivTemp”>


       </div>


       <p>快购利众网5</p>


       <p>快购利众网6</p>


   </div>


   <p>快购利众网7</p>
</body>
</thml>


 代码解析: 


    $(“p”).addClass(“p1”);
    $(“p”).removeClass(“p1”);


    $(“#myP”).addClass(“p2”);


    $(“.myPCss”).addClass(“p3”);


    $(“#myDiv  p”).addClass(“p3”);


    $(“#myDiv>p”).addClass(“p3”);


    $(“div+p”).addClass(“p3”);


    $(“div~p”).addClass(“p3”);


    


    var aP = document.getElementById(“myP”);


    $(aP).addClass(“p2”);


    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


    $(“p”).addClass(“p1”);


    $(“p”).removeClass(“p1”); 


    选择文档里全部的<p>元素对象,不论<p>在文档中所处的层次结构如何, 最后选到了7个<p> 元素对象 “<p>快购利众网1</p><p id=”myP”>快购利众网2</p><p class=”myPCss”>快购利众网3</p><p>快购利众网4</p><p>快购利众网5</p><p>快购利众网6</p><p>快购利众网7</p>”