1.1查找隐藏的tr元素的个数

   $(“table tr:hidden”).size() 

   查找所有可见的tr元素的个数

   $(“table tr:not(:hidden)”).size()   一般是不使用,因为效率太慢

 举例:



<body> 
   <table border="1" align="center">
   <tr style="display:none">    不显示的意思,所以下面值显示两个,这个tr是不显示的
      <td>Value 1</td>
   </tr>
   <tr>
      <td>Value 2</td>
   </tr>
   <tr>
      <td>Value 3</td>
   </tr>
 </table>
 <script type="text/javascript">
 //1)查找隐藏的tr元素的个数
  $(“table tr:hidden”).size() 
 //2)查找所有可见的tr元素的个数
 $(“table tr:not(:hidden)”).size()   一般是不使用,因为效率太慢
 </script>
</body>



 

2.1查找所有含有id属性的div元素个数



$(‘div’).size();    查询出div的个数
$(‘div[id]’).size();  查询出div中含有id的个数,使用[]



查找所有name属性是nametest的input元素

 



$("input".size()  查询出input标签的个数
$("input[name='nametest']").size()



 

查找所有name属性以'news'开始的input元素,并将其选中

 



$("input[name^='news']").attr("checked","checked")
$("input[name^='news']").attr("checked","true");



 

查找所有name属性以'letter'结尾的input元素,并将其选中

 



$("input[name$='letter']").attr("checked","checked");



 

查找所有name属性包含'news'的input元素,并将其选中

 



$("input[name*='news']").attr("checked","true");



    找到所有含有id属性,并且它的name属性是以"letter"结尾的input元素,并将其选中

 



$("input[id][name$='letter']).attr("checked","true");



 

3.1迭代[each]每个ul中第1个li元素中的内容,索引从1开始



$(“ul li:first”).each(     这个只会将第一个找出来
     function()
    {
          Alert(“XX”);   出现一次XX
    }
);



这个就会全找



$(“ul li:first-child”).each(   
  function()
  {
      //Alert(“XX”);      出现三次XX
     $(This).text();
  }
);



迭代每个ul中最后1个li元素中的内容,索引从1开始

 



$(“ul li:last-child”).each(     
  function()
  {
      $(this).text();
  }
 );



在ul中查找是唯一子元素的li元素的内容



$(“ul li:only-child”).each(function(){
$(this).text();
});



  迭代每个ul中第2个li元素中的内容,索引从1开始



$(“ul li:nth-child(2)”).each(function(){
$(this).text();
});



4.1查找所有input元素的个数

找的是input标签



$(“input”).size()



找出所有的标签,包括button.textarea等



$(".input").size();



查找所有文本框的个数

 



$(":text").size();



 

 查找所有密码框的个数

 



$(":password").size();



 

查找所有单选按钮的个数



$(":redio").size();



查找所有复选框的个数

 



$(":checked").size();



查找所有提交按钮的个数



$(":submit").size();



匹配所有图像域的个数

 



$(":image").size();



 

查找所有重置按钮的个数



$(":reset").size();



查找所有普通按钮的个数



$(":button").size();



查找所有文件域的个数



$(":file").size();



 

5.查找所有可用的input元素的个数



$("input:enabled").size();



查找所有不可用的input元素的个数

 



$("input:disable").size();



 

查找所有选中的复选框元素的个数



$(":checkbox:checked").size();



查找所有未选中的复选框元素的个数

 



$(“:checkbox:NOT(:checked)”).size();



 

查找所有选中的选项元素的个数

 



$(“select option:selected”).size();



 

6.在标签中有多个input的,只会显示第一个的值



<body>
    <input type="text" value="11"/>
    <input type="text" value="22"/>
    <input type="text" value="33"/>
    
    <script type="text/javascript">
        alert( $("input").val() );  当有多个的时候,就只会显示第一条的值
    </script>
  </body



7.用JS语法创建一个一维数组,存入string类型的姓名,再迭代

创建数组



var array =new Array(“ssd”,”cff”);

       for(var i=0;i<array.length;i++)

           ……显示



  • 用JSON语法创建一个一维数组,存入string类型的姓名,再迭代
var Array=[“vv”,”dd”];  js对象
它转化为jQuery,然后使用下面的方法
      $nameArray.each(function()
     {
每次自动的交给this
     }
  );

   对象.each(函数) 里面有多少个参数,就会回调多少次

  • 用JSON语法创建一个一维数组,存入object类型的编号和姓名,再迭代
var Array=[
  {
     Name:“啦啦”,
    Sal:6000
  }
   {
     Name:“嘿嘿”,
     Sal:7000
  }
];
var $haha=$(“Array”);
$haha.each(function(){
   alert(this.name+”:”+this.sal);  
})



总结:如果是一个数据的时候,就值需要一个this就可以了,但是如果是一个对象,那么就使用this.name。属性名的方式进行操作。