CSSセレクタ、jQueryセレクタ大全

CSSセレクタ
CSSセレクタ参考マニュアル：http://www.w3school.com.cn/cssref/css_selectors.asp
jQueryセレクタ大全
一、基本セレクタ1.idセレクタ（id要素指定）idセレクタは単一の要素に戻ります。

$('#one').css('background', '#000');

2.クラス選択器（css類元素を遍歴する）

$('.one').css('background', '#000');

3.elementセレクタ(エルゴード)要素

 $('p').css('font-size', '12px');

4.*選択器(すべての要素を巡回)

 //   form      ，          
        $('form *').css('color', '#FF0000');

5.並列セレクタ

//    p   div   margin  0
        $('p, div').css('margin', '0');

二、階層選択器1.parent>child（直系子要素）

 //   div     span  ，         
        $('div > span').css('color', '#FF0000');

2.prev+next(次の兄弟要素は、next()方法と同じです。

 //   class item    div    
    $('.item + div').css('color', '#FF0000');
    //     
    //$('.item').next('div').css('color', '#FF0000');

3.prev~siblings（prev元素のすべての兄弟要素は、nextAll（）方法と同じです。

 //   class inside     div    
    $('.inside ~ div').css('color', '#FF0000');
    //     
    //$('.inside').nextAll('div').css('color', '#FF0000');

三、フィルタ選択器1.基本フィルタ選択器――1.1：firstと：last（最初の要素または最後の要素を取る）

 $('span:first').css('color', '#FF0000');
            $('span:last').css('color', '#FF0000');

——1.2：not（非元素を取る）

//        div            ，     
 $('div:not(.wrap)').css('color', '#FF0000');

——1.3：evenと：odd（偶数のインデックスまたは奇数のインデックス要素をとり、インデックスは0から始まり、evenは偶数、oddは奇数を表します。）

 $('tr:even').css('background', '#EEE'); //      
            $('tr:odd').css('background', '#DADADA'); //      

——1.4：eq（x）（指定された索引の要素を取る）

$('tr:eq(2)').css('background', '#FF0000');

——1.5：gt（x）と：lt（x）（xインデックス以上またはxインデックス未満の要素を取る）

$('ul li:gt(2)').css('color', '#FF0000');
            $('ul li:lt(2)').css('color', '#0000FF');

*——1.6：header（H 1~H 6のタイトル要素を取る）

// H1~H6       
 $(':header').css('background', '#EFEFEF');

2.コンテンツフィルタ選択器――2.1：contains（text）（textテキストを含む要素を取る）

 // dd     "jQuery"      
            $('dd:contains("jQuery")').css('color', '#FF0000');

——2.2：empty（サブ要素やテキストが含まれていないものを除く）

  $('dd:empty').html('    ');

——2.3：has（セレクタマッチの要素を取る）

/    span   div    
            $('div:has(span)').css('border', '1px solid #000');

——2.4：parent（サブ要素またはテキストを含む要素を取る）

 $('ol li:parent').css('border', '1px solid #000');

3.可視フィルタ選択器——3.1：hidden(見えない要素を取る)jQueryから1.3.2以降：hidden選択器はdisplay:noneまたは要素のみにマッチし、visibility:hiddenまたはopacity:0の要素に一致しない。これは、hiddenが「隠し」の要素だけにマッチして空間を占めないことを意味しており、visibility：hiddenまたはopactity：0の要素が空間を占めていて、外に排除されます。
——3.2：visible（見える要素を取る）
4.属性フィルタ選択器——4.1[atribute]（atribute属性を持つ要素を取る）

// a   title  ，     
$('a[title]').css('text-decoration', 'none');

——4.2[atribute=value]と[atribute！=value]は、