jquery css selector demo code_jquery

The effect is as shown in the picture:

Core code:

Copy code The code is as follows:

Full demo code:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>jquery css selector demo code</title> <style> div,span,p{ width:140px; height:140px; margin:5px; background:#aaa; border:#000 1px solid; float:left; font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif; } div .mini{ width:55px; height:55px; background-color:#aaa; font-size:12px; } </style> <div class="one" id="one"> <div class="mini"> id is one class is one </div>class is mini</div> <div class="one" id="two"> <div class="mini" title="other"> </div>class is mini, title is other<div class="mini" title="test"> </div>class is mini, title is test</div> <div class="one"> <div class="mini" title="test"> </div>class for mini,title for test<span style="width:55px; height:55px;"> </span>the span under div</div> <div style="display:none" class="one"> </div>style for display none's div