码迷,mamicode.com
首页 > 其他好文 > 详细

基本选择器

时间:2014-06-26 16:41:54      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

(1)基本选择器[selector_1.html]
$("#id")
$("div")
$(".oneClass")
$("p,div,span")
$("#id,div,.oneClass")

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
      <div id="div1ID">div1</div>
      <div id="div2ID">div2</div>
      <span class="myClass">span</span>
      <p>p</p>
      <script type="text/javascript">
       
       //1)查找ID为"div1ID"的元素个数
           var $div = $("#div1ID");
           var size = $div.size();
           //alert(size);
           
           //alert($("#div1ID").size())
           
      /*2)查找DIV元素的个数
        var $div = $("div");
        var size = $div.size();
        alert(size);//属性值敏感,标签名不敏感
        */
          
      //  alert($("DIV").size());
        
      /*3)查找所有样式是"myClass"的元素的个数
          var $span = $(".myClass");
          var size = $span.size();
          alert(size);
          */
      //    alert($(".myClass").size());
      /*4)查找所有DIV,SPAN,P元素的个数
          var $all = $("div,span,p");
          var size = $all.size();
          alert(size);
          */ 
          
      //    alert($("DIV,SPAN,P").size());
          
      //5)查找所有ID为div1ID,CLASS为myClass,P元素的个数
      /*    var $all = $("#div1ID,.myClass,p");
          var size = $all.size();
          alert(size);
      */
      //会去掉重复的部分
      alert($("#div1ID,.myclass,p").size());
      
      //两个属性 指向同一个的,所以为1个
      alert($(".myclass,span").size());
      </script>
  </body>
</html>

 

基本选择器,布布扣,bubuko.com

基本选择器

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/friends-wf/p/3808794.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!