sou
2/21/2018 - 12:37 AM

jQuery基本

    $("*") //すべての要素
    $("#A")//ID
    $(".A")//Class
    $("a")//要素(リンク
    $("div .A,span .B")//グループ
    $(".A .B")//子孫
    $(".A > .B")//class A直下の子(class B
    $(".A + .B")//隣接する要素
    $(".A ~ .B")//後に出現する要素
    $(".A:first-child")//最初に登場する子
    $(".A:last-child")//最後に登場する子
    $(".A:nth-child(0)")//指定した子
    $(".A:only-child")//ひとつしかない子
    $("[name]")//要素
    $("[name='hoge']")//要素と属性値
    $("input[name!='hoge']")//要素と属性値検索
    $("[name^='hoge']")//要素と属性値検索
    $("[name$='hoge']")//要素と属性値検索
    $("[name*='hoge']")//要素と属性値検索
    $("[name|='hoge']")//要素と属性値検索
    $("[name~='hoge']")//要素と属性値検索
    $("[name][value]")//要素と要素
    $("input:first")//最初の要素
    $("input:last")//最後の要素
    $("input:even")//偶数の要素
    $("input:odd")//奇数の要素
    $("input:eq(0)")//X番目の要素
    $("input:gt(0)")//X番目以降の要素
    $("input:lt(9)")//X番目前の要素
    $(":header")//h1~h6の要素
    $("要素:animated")//アニメーションしている要素
    $("input:not(.A)")//条件以外の要素