你的位置:首页 > 软件开发 > Java > jquery选择器demo

jquery选择器demo

发布时间:2016-05-09 10:00:16
大部分选择器都是基于下面这个简单的页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> ...

大部分选择器都是基于下面这个简单的页面:

jquery选择器demojquery选择器demo
<!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 (#换成@)。

可能感兴趣文章

我的浏览记录