jQueryセレクタ


多くのcssで使えるのはjQueryでも可能です
1、グループセレクタ----同じスタイルをマージする
$('div,p,span').css('color','red');//これにより多くのラベルに同じ属性を設定できます.もちろんidやclassでもいいです.
2、子孫選択器
<table style="width: 100%;">
        <tr>
            <td>
             <a title="a2" href="#">  </a>
            </td>
            <td>
             <a href="#">  </a>
            </td>
            <td>
            <a href="#">  </a>
            </td>
        </tr>       
    </table>  
    <div id="d1">
    <a title="a1" id="a1" href="#">  </a>
    <a href="#">  </a></div>
 $(function () {
            $("table tr td a").siblings().css("color", "red");//    
            $("#d1").children('a').css("color", "red");//   
            $("div #a1").next().css("color", "red"); //     
            $("div #a1").nextAll().css("color", "red"); //        prev   
            $("a[title]").css("color", "red"); //  title   a    
            $("a[title=a2]").css("color", "yellow"); //  title     a2 a    
            $("a[title^=a]").css("color", "green"); //  title     a a    
            $("a[title$=a]").css("color", "white"); //  title     a a    
            $("a[title!=a1]").css("color", "grey"); //  title      a1 a    
            $("a[title*=a]").css("color", "blue"); //  title     a a    
            $("a[id][title*=a]").css("color", "orange"); //     
        });