<strong>効果は図に示すとおりです:</strong><br><img src="/static/imghwm/default1.png" data-src="http://files.jb51.net/upload/201005/20100526201829788.gif" class="lazy" border="0" alt="jquery css セレクターのデモ code_jquery" ><br><strong>コアコード:</strong><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="88506" class="copybut" id="copybut88506" onclick="doCopy('code88506')"><u>コードをコピー</u> </a></span> コードは次のとおりです。 </div> <div class="codebody" id="code88506"> <br><script type="text/javascript"> <br>$('#one').css("背景","#fff "); <br>$('div').css("背景","#fff"); <br>$('body div').css("背景","# bbffaa");// 本文内のすべての div の属性を変更します <br>$('div > span').css("background","#bbffaa").css("color","red") .css("font-size" ,"12px");//すべての div の下の span 要素の属性を変更します<br>$('#two >.mini').css("background","red" );//<br>$('#two').siblings("div").css("color","green") 内のクラス mini を持つすべての要素の ID が 2 つの属性を持つ div;//前後の位置に関係なく、#two のピアの div 要素<br>$('div:first').css("background","red"); <br>$('div:gt(1)') .css("background","#fff" );//インデックス値が 1 より大きいすべての div 要素<br>$('div:lt(1)').css("background"," yellow" ); <br>$('div:not(.one )').css("color","#cccccc");//クラスが one ではない div 要素を変更します<br>$('div:even ').css("font-size","15px") ;//偶数のインデックス番号を持つ div <br>$('div:odd').css("font-size","12px"); //奇数のインデックス番号を持つ div <br>$('div: contains(other)').css("font-size","10px");//テキストを含む div 要素を設定します other<br> $('div:has(.mini)').css("color" ,"#bbffaa");//クラス mini 要素を含む <div> 要素の背景色を設定します<br>$('div :parent').css("color","#ffcccc");// 子要素(テキストを含む)を含む div 要素の属性を変更します <br>$('div:hidden').show(3000); //非表示の div を取得します <br>$('div:visible')//可視の div を取得 <br>$("div[title=test]").css("background","black");//タイトルを test div に設定します <br>$("div[.mini][title =test]").css("color","red");//クラスを mini、タイトルを test として div を設定します <br></script><br> </div> <br>完全なデモ コード:<br><div class="htmlarea"><textarea id="runcode96792"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>jquery CSS </title></textarea></div>