大部分选择器都是基于下面这个简单的页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> ...
大部分选择器都是基于下面这个简单的页面:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</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, Geneva, sans-serif; } div.mini{ width: 55px; height: 55px; background-color: #aaa; font-size: 12px; } div.hide{ display: none; } </style> <script src='/images/loading.gif' data-original="http://code.jquery.com/jquery-2.2.3.js" ></script></head><body> <div class="one" id="one"> id 为one,class为one的div <div class="mini">class为mini</div> </div> <div class="one" id="two" title="test"> id为two,class为one,title为test的div <div class="mini" title="other">class为mini,title为other</div> <div class="mini" title="test">class为mini,title为test</div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini"></div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini" title="tesst">class为mini,title为tesst</div> </div> <div class="none" style="display: none;"> style的display为"none"的div </div> <div class="hide">class为“hide”的div</div> <div> 包含input的type为"hidden"的div <input type="text" class="hidden" size="8"> </div> <span id="mover">正在执行动画的span元素.</span></body></html>
原标题:jquery选择器demo
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。