首页 > 代码库 > 基本选择器

基本选择器

(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>