『鋭いJquery第二版』読書ノート第二章

この章の主なJqueryセレクタ
jqueryセレクタはcssセレクタとよく似ていますが、特に注意が必要なのは

<script type="text/javascript">

    document.getElementById("tt").style.color="red"/*   "tt"  ，       */

</script>







<script type="text/javascript">

    if(document.getElementById("tt"){

        document.getElementById("tt").style.color="red";

)

</script>

$(「#tt」)が取得したのは常にオブジェクトであり、この要素がなくてもエラーは報告されません.

 



if($("#tt")){

//  

}





 



if($("#tt").length>0){

//  

}





     DOM      



if($("#tt")[0]){

//  

}

 
 
階層セレクタ
$(「ancestor descendant」)スペースは、祖先要素のすべての子孫要素を選択することを表します.
$(「parent>child」)が番号より大きい場合は、親要素の下にある子要素を選択します(世代を隔てています).
$(「prev+next」)プラス記号は、この要素のすぐ後ろにある次の世代要素を選択することを意味し、next()メソッドを使用して、次のような方法で置き換えることができます.
                  $(".one+div");$(".one").に等しい.next("div");

<li><span>Name</span><inputtype="text"/><inputtype="text"/></li>

 $("span+input").  <span>      

$(「prev~siblings」)~は、この要素の後ろにあるすべての同世代要素を選択することを意味し、nextall()メソッドを使用して、次のように置き換えることができます.
                 $("#prev~div");$("#prev")に等しい.nextAll("div");
 
 
フィルタセレクタ
1.基本フィルタセレクタ
:first最初の要素、$(「div:first」)を選択します.
:last最後の要素を選択します.
:not(selector)所与のセレクタが一致するすべての要素を除去します.
:evenインデックスが偶数のすべての要素を選択し、インデックスは0から開始します.
:odd選択インデックスは奇数のすべての要素で、インデックスは0から始まります.
:eq(index)インデックスがindexに等しい要素を選択し、indexは0から開始します.(単一要素)
:gt(index)インデックスがindexより大きい要素を選択し、indexは0から開始します.(index自体を除く)
:lt(index)インデックスがindexより小さい要素を選択し、indexは0から開始する.(index自体を除く)
:headerはすべてのタイトル要素、h 1、h 2などを選択します.
:animated現在アニメーションを実行しているすべての要素を選択し、$(「div:animated」)アニメーションを実行している