jQuery遍歴——フィルタリング

4617 ワード
JavaScriptの基礎
タスクの説明
このタスク:jQueryはDOM要素のフィルタリング方法を遍歴します.効果は次のとおりです.
関連知識
本関の任務を完成するために、あなたは掌握する必要があります:1.first() ,2.  last()  3.  eq() ,4.  filter() ,5. not() .
基本的なhtml構造は以下の通りです(CSSは省略しています):
  •

    • ：

    first()

    div の1 p は?ここではfirst()を います.コードは のとおりです.

  • $("div p").first().css("background","orange");

    • は のとおりです.first()メソッドは、 された の の を します.
    ったフィルタセレクタを えていますか? じ が られます.コードは のとおりです.
  • $("div p:first").css("background","orange");

    • last() div の のp に を するにはどうすればいいですか?ここではlast()を います.コードは のとおりです.
  • $("div p").last().css("background","orange");

    • は のとおりです.last()メソッドは、 された の の を します.
    フィルタセレクタで されるコードは、 のとおりです.
  • $("div p:last").css("background","orange");

    • eq() divの3 p に を するにはどうすればいいですか?ここではeq()を います.コードは のとおりです.
  • $("div p").eq(2).css("background","orange");

    • は のとおりです.eq()メソッドは、 したインデックス を つ を します. :インデックスは0から まります.
    フィルタセレクタで されるコードは、 のとおりです.
  • $("div p:eq(2)").css("background","orange");

    • filter() div class="active"のpエレメントに を するにはどうすればいいですか?ここではfilter()を います.コードは のとおりです.
  • $("div p").filter(".active").css("background","orange");

    • は のとおりです.
    から かるように、filter()メソッドは を し、 するものは され、 しないものは されます.
    セレクタによる コードは のとおりです.
  • $("div p.active").css("background","orange");

    • not() div にないclass="active"のpエレメントに を するにはどうすればいいですか?ここではnot()を います.コードは のとおりです.
  • $("div p").not(".active").css("background","orange");

    • は のとおりです.not()メソッドは、 に しない を します.filter()とは です.
    フィルタセレクタで されるコードは、 のとおりです.
  • $("div p:not(.active)").css("background","orange");

    • プログラミング
    ヒントに って、 のエディタBeginからEndの にコードを し、 した のフォント を します. で した で、フィルタセレクタが でデバッグできるようにする があります. は のとおりです.
  • のものを p 、フォントの を red;
  • class="active"のp 、フォント orange;
  • 3 のp を し、フォントの を yellow;
  • していないclass="item"のp 、フォントの を するgreen;
  • の1つを p 、フォントの を blue;

    • フォーマットの :
  • はクラス で して し、 すればよい.
  • "" を す.

    • は のとおりです.
    


    
    Document
    

    



    
    
           
    
    
           
    
    
           
    
    
           
    
    
           
    

    

    
     $(function(){
      //---------- Begin ------------
      $(".item").first().css("color","red");
      $(".item").filter(".active").css("color","orange");
      $(".item").eq(2).css("color","yellow");
      $(".four").not(".item").css("color","green");
      $(".item").last().css("color","blue");
        
      //----------- End -------------
     })

     
    洛谷P 3984
    Electronでデスクトップアプリケーションを開発するにはどうすればいいですか?